body {
  font-family: "Arpona";
}

:lang(ru) {
  font-family: "Strong Sword";
}
:lang(ru) h1,
:lang(ru) h2,
:lang(ru) h3,
:lang(ru) h4,
:lang(ru) h5,
:lang(ru) h6 {
  font-family: "TheOneLord" !important;
  font-weight: normal !important;
}

input,
button {
  font-family: "Arpona";
  font-size: 0.9rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  background-clip: text;
  background-image: url(../images/texture.jpg);
  -webkit-text-fill-color: transparent;
  font-family: "TheOneLord";
  font-weight: normal;
  letter-spacing: -0.05rem;
}

html {
  font-size: var(--base-font-size);
}

@media (max-width: 480px) {
  :root {
    --base-font-size: 3.2vw;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  :root {
    --base-font-size: 2.8vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --base-font-size: 1vw;
  }
}
@media (min-width: 1025px) and (max-width: 1365px) {
  :root {
    --base-font-size: 1vw;
  }
}
@media (min-width: 1366px) and (max-width: 1920px) {
  :root {
    --base-font-size: 16px;
  }
}
@media (min-width: 1921px) {
  :root {
    --base-font-size: 16px;
  }
}
@font-face {
  font-family: "Arpona";
  src: url("../font/Arpona-Bold.woff2") format("woff2"), url("../font/Arpona-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arpona";
  src: url("../font/Arpona-Regular.woff2") format("woff2"), url("../font/Arpona-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arpona";
  src: url("../font/Arpona-Medium.woff2") format("woff2"), url("../font/Arpona-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheOneLord";
  src: url("../font/TheOneLord.woff2") format("woff2"), url("../font/TheOneLord.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Strong Sword";
  src: url("../font/StrongSword-Bold.woff2") format("woff2"), url("../font/StrongSword-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Strong Sword";
  src: url("../font/StrongSword-Regular.woff2") format("woff2"), url("../font/StrongSword-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --download-btn: linear-gradient(rgb(106, 36, 8), rgb(183, 60, 11));
  --border-image: url(../images/frame_square.png);
  --border-image-slice: 40 40 fill;
  --white-txtPrimary: rgb(104, 71, 23);
  --specialBg: rgb(91, 76, 55);
  --specialBg2: rgba(54, 47, 36, 0.85);
  --txtSpecial: rgb(222, 148, 51);
  --wiki-txtPrimary: rgb(104, 71, 23);
  --wiki-txtSpecial: rgb(222, 148, 51);
}

@keyframes animateParticle {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -39000px;
  }
}
@keyframes animateMask {
  0% {
    mask-position: 0% 0%;
  }
  10% {
    mask-position: 33.3% 0%;
  }
  20% {
    mask-position: 66.6% 0%;
  }
  30% {
    mask-position: 100% 0%;
  }
  40% {
    mask-position: 0% 50%;
  }
  50% {
    mask-position: 33.3% 50%;
  }
  60% {
    mask-position: 66.6% 50%;
  }
  70% {
    mask-position: 100% 50%;
  }
  80% {
    mask-position: 0% 100%;
  }
  85% {
    mask-position: 33.3% 100%;
  }
  90% {
    mask-position: 66.6% 100%;
  }
  100% {
    mask-position: 100% 100%;
  }
}
.un_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
  background-color: rgb(9, 9, 9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  width: 100%;
}
.un_navMobile {
  width: 3.5rem;
  height: 3.5rem;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  z-index: 10;
  cursor: pointer;
  pointer-events: all;
}
.un_navMobile.active div span {
  opacity: 0;
}
.un_navMobile.active div::before {
  bottom: 0.35rem;
  transform: rotate(45deg);
}
.un_navMobile.active div::after {
  bottom: 0.35rem;
  transform: rotate(-45deg);
}
.un_navMobile.active ~ .un_navList {
  left: 0;
  opacity: 1;
}
.un_navMobile div {
  width: 1.2rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0.5;
}
.un_navMobile div span {
  display: flex;
  width: 100%;
  height: 0.15rem;
  background-color: white;
  transition: 0.3s;
}
.un_navMobile div::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15rem;
  background-color: white;
  bottom: -0.05rem;
  transition: 0.3s;
}
.un_navMobile div::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15rem;
  background-color: white;
  bottom: 0.95rem;
  transition: 0.3s;
}
.un_nav::before {
  content: "";
  position: absolute;
  z-index: 0;
  background: linear-gradient(rgb(0, 0, 0), transparent);
  width: 100%;
  height: 15rem;
  opacity: 0.5;
  left: 0;
  top: 0;
  pointer-events: none;
  display: none;
}
.un_navDownload {
  width: 12rem;
  display: flex;
  height: 100%;
  cursor: pointer;
}
.un_navDownload label {
  cursor: pointer;
  display: flex;
  width: 12rem;
  background: var(--download-btn);
  text-decoration: none;
  color: rgb(255, 240, 211);
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  font-size: 1.1rem;
  overflow: hidden;
  transition: 0.3s;
}
.un_navDownload label:hover {
  filter: brightness(130%);
}
.un_navDownload label::before {
  z-index: 0;
  content: "";
  top: -15rem;
  filter: blur(0) brightness(70%);
  left: -10rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  pointer-events: none;
  transform: rotate(180deg);
}
.un_navDownload label::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
}
.un_navUser {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 100%;
}
.un_navLang {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.un_navLang:hover svg {
  opacity: 0.8;
}
.un_navLang:hover div {
  opacity: 1;
  top: 0;
  pointer-events: all;
}
.un_navLang div {
  position: absolute;
  top: -1rem;
  text-align: center;
  width: 4rem;
  padding-top: 2.4rem;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5);
}
.un_navLang div ul {
  margin: 0;
  padding: 0;
  background-color: black;
  list-style-type: none;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.un_navLang div ul::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
}
.un_navLang div ul li:not(:last-child) {
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.2);
}
.un_navLang div ul li {
  transition: 0.3s;
}
.un_navLang div ul li:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.un_navLang div ul li:hover a {
  color: white;
}
.un_navLang div ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  transition: 0.3s;
  padding: 0.7rem;
  width: 100%;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.un_navLang::before {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 0.5rem;
  background-color: white;
  right: -1rem;
  opacity: 0.2;
}
.un_navLang svg {
  width: 1.2rem;
  height: 1.2rem;
  color: white;
  opacity: 0.5;
  position: relative;
  z-index: 2;
  transition: 0.3s;
  cursor: pointer;
}
.un_navLogin a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.9rem;
  transition: 0.3s;
}
.un_navLogin a:hover {
  opacity: 0.8;
}
.un_navLogin svg {
  width: 1.2rem;
  height: 1.2rem;
}
.un_navLogin svg path {
  fill: white;
}
.un_navList {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 3.5rem;
  height: 100%;
  padding: 0 1.5rem;
  overflow: visible !important;
}
.un_navList ul {
  display: flex !important;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}
.un_navList li:nth-child(1) {
  margin: 0 1.5rem 0 0rem;
}
.un_navList li {
  height: 100%;
  width: fit-content !important;
  margin: 0 1.5rem;
}
.un_navList li.swiper-slide-thumb-active a {
  color: white;
}
.un_navList li.swiper-slide-thumb-active a::before {
  opacity: 1;
}
.un_navList li.swiper-slide-thumb-active a::after {
  opacity: 0.8;
}
.un_navList li.active a {
  color: white;
}
.un_navList li.active a::before {
  opacity: 1;
}
.un_navList li.active a::after {
  opacity: 0.8;
}
.un_navList li a {
  height: 100%;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
  gap: 0.7rem;
  justify-content: center;
}
.un_navList li a svg {
  width: 0.7rem;
  height: 0.7rem;
  opacity: 0.6;
  transform: translateY(0.06rem);
}
.un_navList li a svg path {
  fill: wheat;
}
.un_navList li a:hover {
  color: white;
}
.un_navList li a::after {
  z-index: 1;
  content: "";
  bottom: -15rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 0;
  transform: scale(0.4);
  pointer-events: none;
  transition: 0.3s;
}
.un_navList li a::before {
  content: "";
  position: absolute;
  width: 15rem;
  height: 3rem;
  background: url(../images/frame_top.png) top/cover no-repeat;
  top: 0;
  transform: rotate(180deg);
  opacity: 0;
  filter: brightness(130%);
  transition: 0.3s;
  pointer-events: none;
}
.un_navList li a img {
  width: 7rem;
}

@media (max-width: 769px) {
  .un_navList {
    position: fixed;
    top: 3.5rem;
    left: -20rem;
    flex-direction: column;
    height: 100vh;
    opacity: 0;
    transition: 0.4s;
    background-color: rgba(0, 0, 0, 0.9);
    width: 20rem;
  }
  .un_navList .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
  .un_navList .swiper-wrapper li:nth-child(1) {
    margin: 0;
    height: 5rem;
  }
  .un_navList .swiper-wrapper li {
    overflow: hidden;
    height: 3.5rem;
  }
  .un_navList .swiper-wrapper li a {
    justify-content: flex-start;
  }
  .un_navMobile {
    display: flex;
  }
}
.pagePath {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 2rem;
}
.pagePath li:last-child::before {
  display: none;
}
.pagePath li {
  position: relative;
  display: flex;
  align-items: center;
}
.pagePath li::before {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 0.8rem;
  background-color: rgb(255, 255, 255);
  transform: rotate(25deg);
  right: -1rem;
  opacity: 0.5;
}
.pagePath li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.8rem;
  gap: 0.4rem;
  transition: 0.2s;
  color: rgba(255, 255, 255, 0.6);
}
.pagePath li a:hover {
  color: white;
}
.pagePath li a.active {
  color: white;
}
.pagePath li a svg {
  width: 0.7rem;
  opacity: 0.5;
  height: 0.7rem;
}
.pagePath li a svg path {
  fill: white;
}

.un_page-footer {
  padding: 3rem 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.un_page-footer .encode {
  margin: 2rem auto 0 auto;
  width: fit-content;
}
.un_page-footer .encode a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white;
  font-size: 0.9rem;
  gap: 1rem;
}
.un_page-footer .encode a:hover img {
  opacity: 1;
}
.un_page-footer .encode a:hover span {
  opacity: 0.8;
}
.un_page-footer .encode a img {
  transition: 0.2s;
  width: 2.2rem;
  opacity: 0.6;
}
.un_page-footer .encode a span {
  transition: 0.2s;
  opacity: 0.4;
}
.un_page-footer p {
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.8rem;
  margin: 0.5rem 0 0 0;
}
.un_page-footer ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  gap: 2rem;
  list-style-type: none;
}
.un_page-footer ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
  transition: 0.2s;
}
.un_page-footer ul li a:hover {
  color: var(--txtSpecial);
}

.un_page {
  position: relative;
  z-index: 1;
}
.un_page-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
}
.un_page-title h2 {
  margin: 0;
}
.un_page-container {
  border: 0.1rem solid rgb(142, 117, 82);
}
.un_page-container::after {
  top: -0.15rem !important;
  left: -0.15rem !important;
  right: -0.15rem !important;
  bottom: -0.15rem !important;
}
.un_page .articles_featuredList {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  padding: 0 2rem 2rem 2rem;
  overflow: hidden;
}
.un_page .articles_featuredList ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.un_page .articles_featuredList li {
  height: 12rem;
  position: relative;
  overflow: hidden;
}
.un_page .articles_featuredList li:hover a img {
  transform: scale(1.1);
}
.un_page .articles_featuredList li::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(120%);
}
.un_page .articles_featuredList li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  justify-content: flex-end;
  padding: 1rem 1.2rem;
  position: relative;
}
.un_page .articles_featuredList li a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  top: 0;
  left: 0;
  z-index: 1;
}
.un_page .articles_featuredList li a h4 {
  -webkit-text-fill-color: transparent;
  margin: 0 0 0.3rem 0;
  filter: drop-shadow(0 0 0.6rem black);
  position: relative;
  z-index: 1;
}
.un_page .articles_featuredList li a span {
  color: white;
  opacity: 0.6;
  display: flex;
  align-items: center;
  font-size: 0.7rem;
  gap: 0.3rem;
  position: relative;
  z-index: 1;
}
.un_page .articles_featuredList li a span svg {
  width: 0.7rem;
  height: 0.7rem;
}
.un_page .articles_featuredList li a span svg path {
  fill: white;
}
.un_page .articles_featuredList li a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: 0.2s;
  object-fit: cover;
}

.central_pageBanner {
  overflow: hidden;
  position: relative;
  display: flex;
  margin-bottom: 2rem;
}
.central_pageBanner img {
  max-width: 100%;
  border-radius: 0.2rem;
  object-fit: cover;
  height: 6rem;
  width: 100%;
}

.central_pageContent {
  padding: 2.5rem 3rem 3rem 3rem;
}
.central_pageContent-editor img {
  max-width: 100%;
}
.central_pageContent-editor ul {
  color: var(--wiki-txtPrimary);
}
.central_pageContent-editor iframe {
  width: min(100%, 30rem);
  height: 17rem;
}
.central_pageContent-editor blockquote {
  color: var(--wiki-txtPrimary);
  padding: 1rem 1.5rem;
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 0.2rem;
  margin: 0;
  width: fit-content;
  font-size: 0.9rem;
}
.central_pageContent-editor h1:first-child,
.central_pageContent-editor h2:first-child,
.central_pageContent-editor h3:first-child,
.central_pageContent-editor h4:first-child,
.central_pageContent-editor h5:first-child,
.central_pageContent-editor h6:first-child {
  margin-top: 0;
}
.central_pageContent-editor h1:last-child,
.central_pageContent-editor h2:last-child,
.central_pageContent-editor h3:last-child,
.central_pageContent-editor h4:last-child,
.central_pageContent-editor h5:last-child,
.central_pageContent-editor h6:last-child {
  margin-bottom: 0;
}
.central_pageContent-editor p:first-child {
  margin-top: 0;
}
.central_pageContent-editor p:last-child {
  margin-bottom: 0;
}
.central_pageContent-editor h1,
.central_pageContent-editor h2,
.central_pageContent-editor h3,
.central_pageContent-editor h4,
.central_pageContent-editor h5,
.central_pageContent-editor h6 {
  font-family: "Arpona";
  margin-bottom: 0.5rem;
  filter: brightness(70%);
}
.central_pageContent-editor a {
  color: var(--wiki-txtSpecial);
}
.central_pageContent-editor table {
  border-collapse: collapse;
  width: 100%;
}
.central_pageContent-editor table p {
  opacity: 1;
}
.central_pageContent-editor table thead {
  background-color: rgb(240, 240, 240);
  text-align: left;
}
.central_pageContent-editor table thead th {
  padding: 1rem;
  border: 0.05rem solid rgb(195, 195, 195);
}
.central_pageContent-editor table tbody td {
  padding: 1rem;
  border: 0.05rem solid rgb(213, 213, 213);
}
.central_pageContent-editor p {
  font-size: 0.9rem;
  min-height: 0.5rem;
  margin-top: 0;
  margin-bottom: 0.2rem;
  color: var(--wiki-txtPrimary);
  opacity: 0.7;
  width: 90%;
}

.central_pageInfo {
  width: 100%;
  border-bottom: 0.05rem solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem 1.5rem 2rem;
}
.central_pageInfo p {
  margin: 0;
  text-transform: capitalize;
  color: var(--wiki-txtPrimary);
}
.central_pageInfo h2 {
  margin: 0;
  font-weight: 500;
}
.central_pageInfo div {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
}
.central_pageInfo div span {
  color: var(--wiki-txtPrimary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.central_pageInfo div span span:nth-child(1) {
  opacity: 0.6;
}
.central_pageInfo div span span:nth-child(2) {
  gap: 0.4rem;
}
.central_pageInfo div span span:nth-child(2) img {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: cover;
  border-radius: 100%;
}

.un-page__shop {
  overflow: hidden;
  background-color: rgba(21, 21, 21, 0.9);
}

.list-shop__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--specialBg2);
}
.list-shop__title h2 {
  margin: 0;
  padding: 1rem 0 1rem 2rem;
}

.list-items__shop {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.list-items__shop li {
  width: 25%;
  display: flex;
  overflow: hidden;
  border-right: 0.05rem solid rgba(255, 255, 255, 0.1);
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.1);
}
.list-items__shop li::after {
  top: -0.15rem !important;
  left: -0.15rem !important;
  right: -0.15rem !important;
  bottom: -0.15rem !important;
  opacity: 0.4;
  display: none;
}
.list-items__shop li a {
  padding: 2rem 3rem;
  color: white;
  display: flex;
  text-align: center;
  flex-direction: column;
  text-decoration: none;
}
.list-items__shop li a:hover div:nth-child(1) {
  color: white;
}
.list-items__shop li a div:nth-child(2) {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.8);
}
.list-items__shop li a div:nth-child(1) {
  height: 14rem;
  line-height: 1.3rem;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}
.list-items__shop li a div:nth-child(1) span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8rem;
}
.list-items__shop li a div:nth-child(1) span img {
  width: 8rem;
}

.checkout {
  display: flex;
  background-color: rgba(21, 21, 21, 0.9);
  overflow: hidden;
}
.checkout-pay {
  width: 100%;
  padding: 0;
  border-radius: 0.3rem;
  height: fit-content;
  padding: 3rem;
}
.checkout-pay .pay-quantity {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 0 0;
}
.checkout-pay .pay-quantity div {
  display: flex;
  overflow: hidden;
  border-radius: 0.3rem;
  height: 2.1rem;
  background-color: rgba(21, 21, 21, 0.9);
  border: 0.05rem solid rgba(255, 255, 255, 0.15);
}
.checkout-pay .pay-quantity div span {
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  width: 2rem;
  transition: 0.2s;
}
.checkout-pay .pay-quantity div span:hover {
  color: white;
}
.checkout-pay .pay-quantity div input {
  width: 3rem;
  border: none;
  border-left: 0.05rem solid rgba(255, 255, 255, 0.1);
  border-right: 0.05rem solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  appearance: none;
  color: white;
  text-align: center;
  pointer-events: none;
  cursor: none;
}
.checkout-pay .pay-quantity div input[type=number]::-webkit-outer-spin-button,
.checkout-pay .pay-quantity div input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
.checkout-pay .pay-button button {
  cursor: pointer;
  display: flex;
  width: 100%;
  background: var(--download-btn);
  text-decoration: none;
  color: rgb(255, 240, 211);
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  position: relative;
  font-size: 1.1rem;
  overflow: hidden;
  transition: 0.3s;
  border: none;
  outline: none;
}
.checkout-pay .pay-button button:hover {
  filter: brightness(130%);
}
.checkout-pay .pay-button button::before {
  z-index: 0;
  content: "";
  top: -15rem;
  filter: blur(0) brightness(70%);
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  pointer-events: none;
  transform: rotate(180deg);
}
.checkout-pay .pay-button button::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
}
.checkout-pay .pay-item {
  margin-bottom: 1.5rem;
}
.checkout-pay .pay-item h2 {
  -webkit-text-fill-color: white;
  margin: 0 0 0.6rem 0;
  font-weight: 200;
  letter-spacing: 0.02rem;
  font-size: 2rem;
  line-height: 2.4rem;
  filter: drop-shadow(0 0rem 0.5rem rgba(0, 0, 0, 0.6));
}
.checkout-pay .pay-item span {
  color: var(--txtSpecial);
  font-weight: 500;
  font-size: 1.2rem;
  text-shadow: 0 0rem 0.5rem rgba(0, 0, 0, 0.6);
}
.checkout-pay .pay-character {
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
}
.checkout-pay .pay-character div {
  position: relative;
  display: flex;
  align-items: center;
}
.checkout-pay .pay-character div svg {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 1rem;
  opacity: 0.4;
  filter: invert(100%);
}
.checkout-pay .pay-character p {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 0.8rem 0;
  display: flex;
  font-size: 0.9rem;
  pointer-events: none;
}
.checkout-pay .pay-character input {
  width: 100%;
  background-color: transparent;
  padding: 0.7rem 1rem 0.7rem 2.8rem;
  outline: none;
  border-radius: 0.3rem;
  color: white;
  background-color: rgba(21, 21, 21, 0.9);
  border: none;
  transition: 0.2s;
  border: 0.05rem solid rgba(255, 255, 255, 0.15);
}
.checkout-pay .pay-character input:required:valid:not(:focus):not(:placeholder-shown) {
  border-color: rgba(255, 255, 255, 0.5);
}
.checkout-pay .pay-character input:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.checkout-pay .pay-character input:focus {
  border-color: rgba(255, 255, 255, 0.5);
}
.checkout-pay .pay-character input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.checkout-pay .pay-method {
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
}
.checkout-pay .pay-method p {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 0.8rem 0;
  display: flex;
  font-size: 0.9rem;
  pointer-events: none;
}
.checkout-pay .pay-method input {
  position: fixed;
  left: -100000rem;
}
.checkout-pay .pay-method input:checked ~ .pay-method-wrapper div:nth-child(1) {
  color: white;
}
.checkout-pay .pay-method input:checked ~ .pay-method-wrapper div:nth-child(1) span {
  background-color: var(--txtSpecial);
}
.checkout-pay .pay-method input:checked ~ .pay-method-wrapper div:nth-child(1) span svg {
  opacity: 1;
}
.checkout-pay .pay-method .methods {
  border-radius: 0.3rem;
  border: 0.05rem solid rgba(255, 255, 255, 0.15);
  background-color: rgba(21, 21, 21, 0.9);
}
.checkout-pay .pay-method label:not(:last-child) {
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.1);
}
.checkout-pay .pay-method label {
  display: flex;
}
.checkout-pay .pay-method label .pay-method-wrapper {
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  transition: 0.2s;
  cursor: pointer;
}
.checkout-pay .pay-method label .pay-method-wrapper:hover div:nth-child(1) {
  color: white;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(1) {
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.2s;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(1) span {
  display: flex;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(1) span svg {
  width: 2rem;
  transform: scale(1.2);
  height: 2rem;
  opacity: 0;
  transition: 0.2s;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(1) span svg path {
  fill: black;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(2) {
  display: flex;
  align-items: center;
}
.checkout-pay .pay-method label .pay-method-wrapper div:nth-child(2) img {
  width: 5rem;
}
.checkout-item {
  width: 40rem;
  border-right: 0.05rem solid rgba(255, 255, 255, 0.1);
}
.checkout-item .item-details .details-desc {
  padding: 1.5rem 2rem;
}
.checkout-item .item-details .details-desc p {
  margin: 0;
}
.checkout-item .item-details .details-items {
  border-top: 0.05rem solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem 2rem;
}
.checkout-item .item-details .details-items span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  cursor: pointer;
  transition: 0.3s;
}
.checkout-item .item-details .details-items span:hover {
  color: white;
}
.checkout-item .item-details .details-items span:hover svg {
  opacity: 0.8;
}
.checkout-item .item-details .details-items span.active svg {
  transform: rotateX(180deg);
}
.checkout-item .item-details .details-items span.active ~ .dropdown-item {
  opacity: 1;
  margin: 0.8rem 0 0 0;
}
.checkout-item .item-details .details-items span svg {
  width: 1rem;
  height: 1rem;
  filter: invert(100%);
  opacity: 0.4;
  transition: 0.3s;
}
.checkout-item .item-details .details-items span svg path {
  fill: white;
}
.checkout-item .item-details h4 {
  -webkit-text-fill-color: white;
  letter-spacing: 0.02rem;
  margin: 0 0 0.5rem 0;
  font-weight: normal;
  opacity: 0.8;
  font-size: 0.9rem;
}
.checkout-item .item-details p {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.9rem;
}
.checkout-item .item-details .dropdown-item {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: 0.6s;
}
.checkout-item .item-details table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.checkout-item .item-details table thead tr {
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.04);
}
.checkout-item .item-details table thead tr th:nth-child(2) {
  text-align: right;
}
.checkout-item .item-details table thead th {
  color: var(--txtSpecial);
  font-weight: 500;
  padding: 0.6rem 0;
  font-size: 0.9rem;
}
.checkout-item .item-details table tbody tr:not(:last-child) {
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.04);
}
.checkout-item .item-details table tbody tr td:nth-child(2) {
  text-align: right;
}
.checkout-item .item-details table tbody td {
  color: gray;
  font-size: 0.9rem;
  padding: 0.6rem 0;
}
.checkout-item .item-info {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.checkout-item .item-info div:nth-child(1) {
  width: 100%;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-item .item-info div:nth-child(1) img {
  width: 9rem;
}
.checkout-item .item-info div:nth-child(2) {
  padding: 0 2rem;
}
.checkout-item .item-info div:nth-child(2) span {
  color: rgba(255, 255, 255, 0.5);
}
.checkout-item .item-info div:nth-child(2) p {
  color: white;
  margin: 0;
  font-size: 1.3rem;
}

.un_page-form {
  min-height: calc(100vh - 3.5rem);
  display: flex;
  padding: 3rem 0;
}
.un_page-form .un_container {
  width: 100%;
}

.un_form {
  overflow: hidden;
  width: min(100%, 25rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(26, 26, 26, 0.95);
  min-height: 100%;
  padding: 3rem;
  position: relative;
}
.un_form-load {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: rgb(26, 26, 26);
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  pointer-events: none;
  animation: form-load 0.5s;
  opacity: 0;
}
@keyframes form-load {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.un_form-load::before {
  content: "";
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-top: 0.1rem solid var(--txtSpecial);
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  animation: spin 0.5s linear infinite;
}
.un_form-check {
  display: flex;
  gap: 1.05rem;
  margin: 1.5rem 0 0 0;
  cursor: pointer;
  padding-left: 0.12rem;
}
.un_form-check:hover p {
  color: rgba(255, 255, 255, 0.8);
}
.un_form-check input {
  position: absolute;
  opacity: 0;
  left: 0;
}
.un_form-check input:checked ~ span {
  background-color: var(--txtSpecial);
  border-color: var(--txtSpecial);
}
.un_form-check input:checked ~ span svg {
  opacity: 1;
}
.un_form-check p {
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  font-size: 0.9rem;
  transition: 0.2s;
  width: 85%;
}
.un_form-check p a {
  color: var(--txtSpecial);
}
.un_form-check span {
  width: 0.85rem;
  transition: 0.2s;
  height: 0.85rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.15rem solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0.3rem;
}
.un_form-check span svg {
  position: absolute;
  width: 1rem;
  height: 1rem;
  opacity: 0;
}
.un_form-check span svg path {
  fill: black;
}
.un_form .formReturn {
  color: white;
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  margin: 0 auto 1rem auto;
  align-items: center;
  gap: 0.8rem;
}
.un_form .formReturn:hover svg {
  opacity: 1;
}
.un_form .formReturn svg {
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
  transition: 0.2s;
}
.un_form .formReturn svg path {
  fill: white;
}
.un_form-logo {
  width: 50%;
  margin: 0 auto;
}
.un_form-logo img {
  width: 100%;
}
.un_form h2 {
  margin: 0 0 1.5rem 0;
  text-align: center;
}
.un_form-create {
  margin-top: 1.5rem;
  text-align: center;
}
.un_form-create p {
  color: gray;
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}
.un_form-create a {
  color: var(--txtSpecial);
}
.un_form-entry {
  position: absolute;
  width: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.2s;
  animation: 0.5s form-out;
  opacity: 0;
  pointer-events: none;
}
.un_form-entry.active {
  opacity: 1;
  transition-delay: 0.4s;
  animation: 0.5s form-entry;
  animation-delay: 0.4s;
  pointer-events: all;
}
@keyframes form-entry {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes form-out {
  0% {
    opacity: 1;
    transform: translateY(0rem);
  }
  100% {
    opacity: 0;
    transform: translateY(-3rem);
  }
}
.un_form-email {
  opacity: 0;
  pointer-events: none;
  animation: 0.5s form-out;
  width: 100%;
}
.un_form-email.active {
  pointer-events: all;
  transition-delay: 0.4s;
  opacity: 1;
  animation: 0.5s form-entry;
  animation-delay: 0.4s;
}
.un_form-gateways button {
  width: 100%;
  height: 3rem;
  cursor: pointer;
  display: flex;
  color: rgb(255, 240, 211);
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9rem;
  overflow: hidden;
  transition: 0.3s;
  border: none;
  gap: 1rem;
  outline: none;
  margin: 0 0 1rem 0;
  background-color: rgb(44, 44, 44);
  border-radius: 0.3rem;
  transition: 0.2s;
}
.un_form-gateways button:hover {
  background-color: rgb(65, 65, 65);
}
.un_form-gateways button svg {
  width: 1.3rem;
  height: 1.3rem;
}
.un_form-gateways button svg path {
  fill: var(--txtSpecial);
}
.un_form-gateways button img {
  width: 1.3rem;
}
.un_form-button {
  margin: 1.5rem 0;
}
.un_form-button button {
  width: 100%;
  height: 3rem;
  cursor: pointer;
  display: flex;
  background: var(--download-btn);
  text-decoration: none;
  color: rgb(255, 240, 211);
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.1rem;
  overflow: hidden;
  transition: 0.3s;
  border: none;
  outline: none;
}
.un_form-button button:hover {
  filter: brightness(130%);
}
.un_form-button button::before {
  z-index: 0;
  content: "";
  top: -15rem;
  filter: blur(0) brightness(70%);
  left: -10rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  pointer-events: none;
  transform: rotate(180deg);
}
.un_form-button button::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 1;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
}
.un_form-links {
  text-align: center;
}
.un_form-links a {
  color: var(--txtSpecial);
  font-size: 0.9rem;
}
.un_form-input {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 1rem 0 0 0;
}
.un_form-input::after {
  filter: grayscale(100%);
  opacity: 0.3;
}
.un_form-input p {
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  left: 2rem;
  font-size: 0.9rem;
  transition: 0.2s;
  display: flex;
  gap: 0.3rem;
  height: 3rem;
  margin: 0;
  top: 0;
  pointer-events: none;
  align-items: center;
}
.un_form-input p span {
  display: none;
}
.un_form-input .input-error {
  color: red;
  padding: 0.5rem 0 0 0;
  font-size: 0.8rem;
  display: none;
}
.un_form-input .input-icon {
  position: absolute;
  width: 1rem;
  height: 3rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  left: 0;
  top: 0;
  justify-content: center;
}
.un_form-input .input-icon svg {
  width: 0.8rem;
  height: 0.8rem;
}
.un_form-input .input-icon svg path {
  fill: rgba(255, 255, 255, 0.515);
}
.un_form-input input {
  width: 100%;
  height: 3rem;
  padding-left: 2rem;
  color: white;
  background-color: transparent;
  border: none;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.15);
  outline: none;
}
.un_form-input input:focus ~ p {
  transform: translateY(-1rem);
  font-size: 0.7rem;
}
.un_form-input input:invalid:not(:focus):not(:placeholder-shown) {
  border-color: red;
}
.un_form-input input:invalid:not(:focus):not(:placeholder-shown) ~ p {
  transform: translateY(-1rem);
  font-size: 0.7rem;
}
.un_form-input input:invalid:not(:focus):not(:placeholder-shown) ~ .input-error {
  display: block;
}
.un_form-input input:valid:not(:focus):not(:placeholder-shown) ~ p {
  transform: translateY(-1rem);
  font-size: 0.7rem;
}
.un_form-input input::placeholder {
  color: transparent;
}

@media (max-width: 768px) {
  .checkout {
    flex-wrap: wrap;
  }
  .checkout-pay {
    padding: 2rem;
    border-top: 0.05rem solid rgba(255, 255, 255, 0.1);
  }
  .checkout-pay .pay-item h2 {
    font-size: 1.5rem;
  }
  .checkout-item {
    width: 100%;
  }
  .list-shop__title {
    flex-wrap: wrap;
  }
  .list-items__shop li {
    width: 50%;
  }
  .central_pageInfo {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .central_pageBanner img {
    height: auto;
  }
  .un_page .un_page-items__list .list-filters {
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    margin: 0;
  }
  .un_page .un_page-items__list .list-filters ul {
    width: 100%;
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.15);
  }
  .un_page .un_page-items__list .list-filters div {
    margin: 0 2rem;
    width: 100%;
    display: flex;
  }
  .un_page .un_page-items__list .list-filters div input {
    border-left: none;
    padding: 1rem 2.2rem;
  }
  .un_page .un_page-items__list .list-filters div svg {
    left: 0;
  }
  .un_page .un_page-items__list .list-items a {
    flex-direction: column;
  }
  .un_page .un_page-items__list .list-items a .info-left {
    justify-content: flex-start;
    width: 100%;
  }
  .un_page .un_page-items__list .list-items a .info-right {
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 0.2rem;
  }
}
.un_page {
  padding: 7rem 0 5rem 0;
}
.un_page-container {
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
}
.un_page h1,
.un_page h2,
.un_page h3,
.un_page h4,
.un_page h5,
.un_page h6 {
  -webkit-text-fill-color: var(--white-txtPrimary);
  font-family: "Arpona";
  font-weight: 500;
}

.list-filters {
  margin: 0 2rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--specialBg);
}
.list-filters.list-filters__shop {
  margin: 0;
  height: 100%;
  padding: 0.15rem 0.8rem 0 0;
  background-color: transparent;
}
.list-filters.list-filters__shop div {
  height: 100%;
}
.list-filters.list-filters__shop div svg {
  left: 1.9rem;
  opacity: 0.5;
  transform: translateY(0.05rem);
}
.list-filters.list-filters__shop div input {
  height: 100%;
  border-color: rgba(255, 255, 255, 0.09);
  padding: 0;
  background-color: rgba(18, 18, 18, 0);
  border-radius: 0rem;
  padding: 0rem 1rem 0rem 3.8rem;
  width: 12rem;
}
.list-filters.list-filters__shop div input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.3s;
}
.list-filters.list-filters__shop div input:hover {
  background-color: transparent;
}
.list-filters.list-filters__shop div input:hover::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.list-filters div {
  display: flex;
  align-items: center;
  position: relative;
}
.list-filters div svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 1.2rem;
}
.list-filters div svg path {
  fill: rgba(255, 255, 255, 0.5);
}
.list-filters div input {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0.9rem;
  padding: 1rem 3.2rem;
  border-left: 0.05rem solid rgba(255, 255, 255, 0.2);
  width: 15rem;
  color: white;
  transition: 0.3s;
}
.list-filters div input:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.list-filters div input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.list-filters ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 2rem;
  padding: 0 2rem;
}
.list-filters ul li button {
  padding: 1rem 0;
  border: none;
  background: transparent;
  outline: none;
  color: rgba(255, 255, 255, 0.555);
  transition: 0.3s;
}
.list-filters ul li button:hover {
  color: white;
}
.list-filters ul li button.active {
  font-weight: 500;
  color: var(--txtSpecial);
  border-color: var(--txtSpecial);
}

.error-message {
  width: 100%;
  color: gray;
  font-size: 0.9rem;
}
.error-message div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  min-height: 15rem;
  gap: 1.5rem;
}
.error-message svg {
  opacity: 0.5;
  width: 3rem;
  height: 3rem;
}
.error-message svg path {
  fill: gray;
}

.pagePath {
  margin-bottom: 2rem;
}

.list-items__load {
  border-top: 0.05rem solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.list-items__load.list-items__load-shop button {
  margin: 1.5rem 0;
  border-color: rgba(255, 255, 255, 0);
  height: 2.8rem;
  background-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
}
.list-items__load.list-items__load-shop button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}
.list-items__load.list-items__load-shop button:hover svg {
  opacity: 0.8;
}
.list-items__load button {
  width: 10rem;
  margin: 0 auto;
  border: 0.1rem solid rgb(215, 215, 215);
  background-color: rgba(232, 232, 232, 0);
  height: 3rem;
  color: var(--white-txtPrimary);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border-radius: 0.2rem;
  margin: 2rem;
}
.list-items__load button span {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.list-items__load button svg {
  width: 1rem;
  height: 1rem;
  opacity: 0.3;
  transition: 0.3s;
}
.list-items__load button svg path {
  fill: white;
}
.list-items__load button.loading::before {
  display: block;
}
.list-items__load button.loading span {
  display: none;
}
.list-items__load button:hover {
  background-color: rgb(215, 215, 215);
}
.list-items__load button::after {
  opacity: 0.4;
}
.list-items__load button::before {
  content: "";
  border: 0.1rem solid rgba(210, 210, 210, 0);
  border-top: 0.1rem solid rgb(128, 98, 59);
  border-radius: 100%;
  width: 1.1rem;
  height: 1.1rem;
  animation: spin 0.5s linear infinite;
  position: absolute;
  display: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.list-items__wrapper.loading {
  opacity: 0.3;
}
.list-items__articles {
  padding: 0;
  margin: 0;
  list-style: none;
  transition: 0.3s;
}
.list-items__articles.loading {
  opacity: 0.3;
}
.list-items__articles a {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 2rem;
  transition: 0.3s;
  justify-content: space-between;
}
.list-items__articles a:hover {
  background-color: rgb(226, 226, 226);
}
.list-items__articles a .info-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.8rem;
  color: var(--white-txtPrimary);
}
.list-items__articles a .info-right span:nth-child(2) {
  font-weight: 500;
}
.list-items__articles a .info-right span:nth-child(1) {
  opacity: 0.6;
}
.list-items__articles a .info-left {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.list-items__articles a .info-left span {
  font-size: 0.8rem;
  color: var(--txtSpecial);
}
.list-items__articles a .info-left h3 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.02rem;
}
.list-items__articles a .info-left div:nth-child(1) {
  width: 6.5rem;
  height: 5rem;
}
.list-items__articles a .info-left div:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-items li:not(:first-child) {
  border-top: 0.05rem solid rgba(0, 0, 0, 0.1);
}
.list-items li {
  display: none;
}

.un_main {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
.un_main .un_window {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: url(../images/mask.png);
  mask-size: 400% 300%;
  mask-position: 100% 100%;
  position: relative;
  pointer-events: none !important;
  padding-top: 3rem;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
.un_main .un_window-scroll {
  width: 5rem;
  height: 5rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  overflow: hidden;
  opacity: 0.8;
  z-index: 10;
  animation: scroll 1.8s infinite linear;
}
.un_main .un_window-scroll span {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: translateY(-4.5rem);
}
.un_main .un_window-scroll span::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: 0rem;
  z-index: 2;
  right: 0rem;
  transform: rotate(45deg);
  bottom: 0rem;
  top: 0rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window.swiper-slide-active {
  pointer-events: all !important;
  animation: animateMask 1s steps(1) forwards;
}
.un_main .un_window.swiper-slide-active .un_history ul li {
  opacity: 1;
}
.un_main .un_window.swiper-slide-active .un_history ul li:nth-child(1) {
  animation: yEntry 1s;
  animation-delay: 0.6s;
}
.un_main .un_window.swiper-slide-active .un_history ul li:nth-child(2) {
  animation: yEntry 1.5s;
  animation-delay: 0.6s;
}
.un_main .un_window.swiper-slide-active .un_history ul li:nth-child(3) {
  animation: yEntry 2s;
  animation-delay: 0.6s;
}
.un_main .un_window.swiper-slide-active .un_history ul li:nth-child(4) {
  animation: yEntry 2.5s;
  animation-delay: 0.6s;
}
.un_main .un_window.swiper-slide-active .un_character {
  transform: translateY(0);
  filter: blur(0) brightness(100%);
}
.un_main .un_window.swiper-slide-active .titleEntry {
  opacity: 1;
  transform: rotateX(0) scale(1);
}
.un_main .un_window.swiper-slide-active .yEntry {
  opacity: 1;
  transform: translateY(0);
}
.un_main .un_window.swiper-slide-active .tEntry {
  opacity: 1;
  top: 0;
}
.un_main .un_window.swiper-slide-active .un_why-control .swiper-slide {
  pointer-events: all !important;
}
.un_main .un_window .un_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.un_main .un_window .un_bg-bonuses img {
  opacity: 0.4;
  transform: scale(1);
}
.un_main .un_window .un_bg-bonuses::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), transparent, rgb(18, 14, 9));
}
.un_main .un_window .un_bg-bonuses::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: url(../images/sparksss.png) bottom/cover no-repeat;
  z-index: 3;
  opacity: 0.2;
}
.un_main .un_window .un_bg-why img {
  filter: brightness(160%);
}
.un_main .un_window .un_bg-why::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(26, 19, 7, 0.4), rgba(18, 14, 9, 0.8));
}
.un_main .un_window .un_bg-news img {
  opacity: 1;
}
.un_main .un_window .un_bg-news::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: url(../images/sparksss.png) bottom/cover no-repeat;
  z-index: 1;
  opacity: 0.2;
}
.un_main .un_window .un_bg-news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(12, 9, 7, 0.7));
}
.un_main .un_window .un_bg-history img {
  opacity: 0.35;
}
.un_main .un_window .un_bg-history::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(19, 15, 10, 0.921));
}
.un_main .un_window .un_bg-history::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: url(../images/sparksss.png) bottom/cover no-repeat;
  z-index: 1;
  opacity: 0.2;
}
.un_main .un_window .un_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.un_main .un_window .un_character {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: bottom;
  pointer-events: none;
  transform: translateY(15rem);
  filter: blur(2rem) brightness(-100%);
  transition: 2s;
}
.un_main .un_window .titleEntry {
  transition: 1.5s;
  transition-delay: 0.7s;
  opacity: 0;
  transform: rotateX(90deg) scale(2);
}
.un_main .un_window .yEntry {
  transition: 1.5s;
  transition-delay: 0.7s;
  opacity: 0;
  transform: translateY(5rem);
}
.un_main .un_window .tEntry {
  top: 5rem;
  opacity: 0;
  transition: 1.5s;
  transition-delay: 0.7s;
}

.fancybox-bg {
  background: black !important;
}

.compensate-for-scrollbar {
  margin-right: 0 !important;
}

.fancybox-iosfix {
  position: absolute !important;
}

#sparks {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 8;
  overflow: hidden;
  mix-blend-mode: screen;
  opacity: 0.5;
}

.un_main .un_window-header {
  background: url(../images/bg/main.jpg) top/cover;
}
.un_main .un_window-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(19, 15, 10, 0.9));
}
.un_main .un_window-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: url(../images/sparksss.png) bottom/cover no-repeat;
  z-index: 1;
  opacity: 0.1;
}
.un_main .un_window .un_header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  flex-direction: column;
  z-index: 2;
  position: relative;
  height: 100vh;
  width: 100%;
  padding-bottom: 12rem;
}
.un_main .un_window .un_header-serverInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.un_main .un_window .un_header-worlds {
  width: min(90%, 40rem);
  margin: 0 auto;
  min-height: 3rem;
  position: relative;
  background: linear-gradient(120deg, transparent, rgb(0, 0, 0), transparent);
  overflow: hidden;
}
.un_main .un_window .un_header-worlds ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.un_main .un_window .un_header-worlds ul .online {
  color: greenyellow !important;
}
.un_main .un_window .un_header-worlds ul .offline {
  color: red !important;
}
.un_main .un_window .un_header-worlds ul::before {
  z-index: 1;
  content: "";
  bottom: -20rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 1;
  transform: rotate(180deg) scale(0.9);
  pointer-events: none;
}
.un_main .un_window .un_header-worlds ul li:not(:last-child)::before {
  content: "";
  width: 0.05rem;
  height: 0.7rem;
  background-color: wheat;
  position: absolute;
  right: 0;
  opacity: 0.3;
}
.un_main .un_window .un_header-worlds ul li {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  height: 100%;
}
.un_main .un_window .un_header-worlds ul li span:nth-child(1) {
  color: rgba(255, 255, 255, 0.7);
}
.un_main .un_window .un_header-worlds ul li span:nth-child(2) {
  color: white;
}
.un_main .un_window .un_header-worlds div:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 3rem;
  transform: rotate(180deg);
  bottom: 0;
  display: flex;
  justify-content: center;
}
.un_main .un_window .un_header-worlds div:nth-child(2)::before {
  content: "";
  width: 50%;
  height: 0.12rem;
  position: absolute;
  left: -0.4rem;
  top: 0;
  background: linear-gradient(120deg, transparent, rgb(177, 152, 105));
}
.un_main .un_window .un_header-worlds div:nth-child(2)::after {
  content: "";
  width: 50%;
  height: 0.12rem;
  position: absolute;
  right: -0.4rem;
  top: 0;
  background: linear-gradient(120deg, rgb(177, 152, 105), transparent);
}
.un_main .un_window .un_header-worlds div:nth-child(2) span {
  display: flex;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1.9rem;
  transform: rotate(45deg);
  overflow: hidden;
}
.un_main .un_window .un_header-worlds div:nth-child(2) span::after {
  content: "";
  position: absolute;
  border: 1.1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.13rem;
  z-index: 2;
  right: -0.13rem;
  bottom: -0.13rem;
  top: -0.13rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_header-worlds div:nth-child(1) {
  position: absolute;
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: center;
}
.un_main .un_window .un_header-worlds div:nth-child(1)::before {
  content: "";
  width: 50%;
  height: 0.12rem;
  position: absolute;
  left: -0.4rem;
  top: 0;
  background: linear-gradient(120deg, transparent, rgb(177, 152, 105));
}
.un_main .un_window .un_header-worlds div:nth-child(1)::after {
  content: "";
  width: 50%;
  height: 0.12rem;
  position: absolute;
  right: -0.4rem;
  top: 0;
  background: linear-gradient(120deg, rgb(177, 152, 105), transparent);
}
.un_main .un_window .un_header-worlds div:nth-child(1) span {
  display: flex;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1.9rem;
  transform: rotate(45deg);
  overflow: hidden;
}
.un_main .un_window .un_header-worlds div:nth-child(1) span::after {
  content: "";
  position: absolute;
  border: 1.1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.13rem;
  z-index: 2;
  right: -0.13rem;
  bottom: -0.13rem;
  top: -0.13rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_header-logo {
  margin-bottom: 0rem;
  position: relative;
}
.un_main .un_window .un_header-logo img {
  width: 38rem;
}
.un_main .un_window .un_header-scroll {
  width: 5rem;
  height: 5rem;
  display: flex;
  margin: 3.5rem auto 0 auto;
  overflow: hidden;
  opacity: 0.5;
}
.un_main .un_window .un_header-scroll span {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: translateY(-4.5rem);
}
.un_main .un_window .un_header-scroll span::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: 0rem;
  z-index: 2;
  right: 0rem;
  transform: rotate(45deg);
  bottom: 0rem;
  top: 0rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_header-start {
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  width: min(90%, 90rem);
}
.un_main .un_window .un_header-start p {
  color: rgba(255, 255, 255, 0.7);
  width: 80%;
  margin: 0 auto 2rem auto;
}
.un_main .un_window .un_header-start ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}
.un_main .un_window .un_header-start a {
  margin: 0 auto;
  width: 16rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  text-decoration: none;
  color: wheat;
  border-radius: 0.5rem;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.un_main .un_window .un_header-start a:hover {
  filter: brightness(130%);
  transform: scale(1.05);
}
.un_main .un_window .un_header-start a::before {
  content: "";
  position: absolute;
  top: -3.5rem;
  z-index: 2;
  width: 10rem;
  pointer-events: none;
  height: 5rem;
  background: url(../images/frame_top.png) center/cover;
}
.un_main .un_window .un_header-start a div:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgb(34, 24, 13);
  clip-path: polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
}
.un_main .un_window .un_header-start a div:nth-child(2) span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
}
.un_main .un_window .un_header-start a div:nth-child(2) span::before {
  z-index: 1;
  content: "";
  bottom: -5rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 1;
  transform: rotate(180deg) translateY(-13rem) scale(1);
  pointer-events: none;
}
.un_main .un_window .un_header-start a div:nth-child(1) {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  overflow: hidden;
}
.un_main .un_window .un_header-start a div:nth-child(1)::before {
  content: "";
  position: absolute;
  height: 0.15rem;
  width: 78.8%;
  top: 0;
  background-color: rgb(177, 152, 105);
}
.un_main .un_window .un_header-start a div:nth-child(1)::after {
  content: "";
  position: absolute;
  height: 0.15rem;
  width: 80%;
  bottom: 0;
  background-color: rgb(177, 152, 105);
}
.un_main .un_window .un_header-start a div:nth-child(1) span:nth-child(1) {
  left: 0.9rem;
  clip-path: polygon(0 0, 30% 0, 60% 100%, 0 100%);
}
.un_main .un_window .un_header-start a div:nth-child(1) span:nth-child(2) {
  right: 0.9rem;
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 60% 100%);
}
.un_main .un_window .un_header-start a div:nth-child(1) span {
  position: absolute;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  transform: rotate(45deg);
}
.un_main .un_window .un_header-start a div:nth-child(1) span::after {
  content: "";
  position: absolute;
  border: 1.5rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: 0rem;
  z-index: 2;
  right: 0rem;
  bottom: 0rem;
  top: 0rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_header-wrapper {
  width: min(90%, 50rem);
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0 4rem 0;
  justify-content: space-between;
  height: 50vh;
}
.un_main .un_window .un_header-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 15rem;
  filter: blur(5rem);
  background-color: black;
  opacity: 0;
  bottom: 30vh;
}
.un_main .un_window .un_header-wrapper h1 {
  font-size: 2.2rem;
  margin: 0 0 2rem 0;
  position: relative;
  filter: drop-shadow(0 1rem 1rem black);
}
.un_main .un_window .un_header-wrapper p {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  width: 50%;
  margin: 0 auto 2rem auto;
}

.un_main .un_window-history::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/textureBg.jpg) top/cover;
  z-index: 1;
  opacity: 0.1;
}
.un_main .un_window-history .un_character img {
  width: 120vh;
  position: absolute;
  bottom: 0;
  transform: translateX(32vw) translateY(9.5vw);
}
.un_main .un_window .un_history {
  position: absolute;
  z-index: 1;
  padding: 4rem 0 6rem 0;
  width: min(90%, 50rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.un_main .un_window .un_history a {
  display: flex;
  color: wheat;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  text-decoration: none;
  margin: 3.5rem 0 0 0;
  font-size: 0.8rem;
  position: relative;
  padding: 0.5rem 1.5rem;
}
.un_main .un_window .un_history a:hover::after {
  opacity: 1;
}
.un_main .un_window .un_history a::after {
  content: "";
  position: absolute;
  border: 0.7rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.5rem;
  z-index: 1;
  right: -0.5rem;
  bottom: -0.5rem;
  top: -0.5rem;
  opacity: 0.5;
  transition: 0.3s;
  pointer-events: none;
}
.un_main .un_window .un_history a svg {
  width: 1rem;
  height: 1rem;
  opacity: 0.5;
}
.un_main .un_window .un_history a svg path {
  fill: wheat;
}
.un_main .un_window .un_history p {
  width: 70%;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  text-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.574);
}
.un_main .un_window .un_history h1 {
  margin: 0 auto 1rem auto;
  font-size: 2.8rem;
  width: 70%;
  line-height: 3.5rem;
  filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.4));
}
.un_main .un_window .un_history ul {
  margin: 2.5rem auto 0 auto;
  width: 95%;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2.5rem;
  position: relative;
  justify-content: center;
}
.un_main .un_window .un_history ul::after {
  content: "";
  position: absolute;
  border: 1.6rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.5rem;
  z-index: 1;
  right: -0.5rem;
  bottom: -0.5rem;
  top: -0.5rem;
  display: none;
  pointer-events: none;
}
.un_main .un_window .un_history ul::before {
  content: "";
  position: absolute;
  top: -4rem;
  z-index: 2;
  background: url(../images/frame_top.png) center/cover;
  width: 20rem;
  display: none;
  height: 5rem;
}
@keyframes yEntry {
  0% {
    transform: translateY(15rem);
  }
  100% {
    transform: translateY(0);
  }
}
.un_main .un_window .un_history ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25%;
  padding: 1rem 1.5rem 1.3rem 1.5rem;
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.3);
  overflow: hidden;
  opacity: 0;
  transition: 1s;
  transition-delay: 0.6s;
}
.un_main .un_window .un_history ul li::before {
  z-index: 1;
  content: "";
  bottom: -15rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 0.8;
  transform: rotate(180deg);
  pointer-events: none;
}
.un_main .un_window .un_history ul li::after {
  content: "";
  position: absolute;
  border: 1.3rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 1;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  opacity: 1;
  filter: brightness(130%);
}
.un_main .un_window .un_history ul li div {
  width: 5rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.un_main .un_window .un_history ul li span {
  color: wheat;
  font-size: 0.8rem;
}
.un_main .un_window .un_history ul li img {
  width: 3rem;
  display: flex;
  flex-direction: column;
}

.un_main .un_window-why::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/textureBg.jpg) top/cover;
  z-index: 1;
  opacity: 0.3;
  pointer-events: none;
}
.un_main .un_window-why .un_character {
  z-index: 1;
}
.un_main .un_window-why .un_character img {
  width: 150vh;
  position: absolute;
  bottom: 0;
  transform: translateX(40vw) translateY(12vw);
}
.un_main .un_window .un_why {
  width: 100%;
  height: 100vh;
  position: relative;
  align-items: center;
  display: flex;
  padding-bottom: 3rem;
  flex-direction: column;
  justify-content: center;
}
.un_main .un_window .un_why-top {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  width: min(90%, 60rem);
  text-align: center;
}
.un_main .un_window .un_why-top h1 {
  font-size: 3rem;
  margin: 0 0 4rem 0;
  position: relative;
  z-index: 10;
  filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.4));
}
.un_main .un_window .un_why-control {
  position: relative;
  display: flex;
  justify-content: center;
  transform: translateX(-0.2rem) scale(1.2);
  z-index: 1 !important;
  margin-bottom: 3rem !important;
}
.un_main .un_window .un_why-control::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5rem;
  background-color: black;
  filter: blur(6rem);
  top: -2.5rem;
  z-index: -1;
}
.un_main .un_window .un_why-control .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.un_main .un_window .un_why-control .swiper-slide:last-child {
  width: 3rem !important;
}
.un_main .un_window .un_why-control .swiper-slide:last-child div:nth-child(2) {
  display: none;
}
.un_main .un_window .un_why-control .swiper-slide {
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4rem;
  width: 11.5rem !important;
}
.un_main .un_window .un_why-control .swiper-slide.swiper-slide-thumb-active div:nth-child(1) {
  transform: scale(1) rotate(45deg);
}
.un_main .un_window .un_why-control .swiper-slide.swiper-slide-thumb-active div:nth-child(1)::after {
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
}
.un_main .un_window .un_why-control .swiper-slide.swiper-slide-thumb-active div:nth-child(1) span {
  opacity: 1;
}
.un_main .un_window .un_why-control .swiper-slide.swiper-slide-thumb-active p {
  opacity: 0;
  bottom: 0.7rem;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(2) {
  width: 100%;
  border-radius: 1rem;
  transform: translateX(1rem);
  height: 0.1rem;
  transition: 0.3s;
  pointer-events: none;
  background-color: rgba(245, 222, 179, 0.3);
}
.un_main .un_window .un_why-control .swiper-slide p {
  position: absolute;
  left: -2.1rem;
  transition: 0.3s;
  bottom: 2.4rem;
  color: rgba(255, 255, 255, 0.7);
  width: 7rem;
  font-size: 0.7rem;
  text-align: center;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1) {
  width: 3rem;
  cursor: pointer;
  overflow: hidden;
  height: 3rem;
  transform: scale(0.4) rotate(45deg);
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  background-color: black;
  transition: 0.3s;
  z-index: 1;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1):hover {
  transform: scale(1) rotate(45deg) !important;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1):hover ~ p {
  bottom: 0.8rem;
  opacity: 0;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1):hover span {
  opacity: 1 !important;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1):hover::after {
  border: 1rem solid transparent !important;
  border-image: var(--border-image) !important;
  border-image-slice: var(--border-image-slice) !important;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1) span {
  position: relative;
  z-index: 3;
  transform: rotate(-45deg);
  color: wheat;
  font-weight: bold;
  font-family: "TheOneLord";
  transition: 0.3s;
  opacity: 0;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1)::before {
  z-index: 1;
  content: "";
  top: 0rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 1;
  transform: translateX(1rem) translateY(-15rem) rotate(-45deg) scale(0.6);
  pointer-events: none;
}
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1)::after {
  content: "";
  position: absolute;
  border: 1.5rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_why::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background: url(../images/sparksss.png) bottom/cover no-repeat;
  z-index: 2;
  opacity: 0.2;
  pointer-events: none;
}
.un_main .un_window .un_why-content {
  position: relative;
  z-index: 2;
  margin: 2rem auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.un_main .un_window .un_why-content .swiper-slide {
  padding-bottom: 1.5rem;
  opacity: 0;
  transition: 3s;
  max-height: 0;
  mask: url(../images/mask_up.webp);
  mask-size: 4000% 100%;
  mask-position: 0 0;
  animation: maskSlide-reverse 1s steps(39) forwards;
}
.un_main .un_window .un_why-content .swiper-slide.swiper-slide-active {
  transform: translateY(0);
  opacity: 1;
  max-height: 40rem;
  animation: maskSlide 1s steps(39) forwards;
}
.un_main .un_window .un_why-content h1 {
  font-size: 2.5rem;
  width: 70%;
  margin: 0 auto 0.7rem auto;
  filter: drop-shadow(0 1rem 1rem black);
}
.un_main .un_window .un_why-content p {
  width: 60%;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 0.9rem;
  margin: 0 auto;
}
.un_main .un_window .un_why-content .un_why-media {
  display: flex;
  margin: 2rem auto 0 auto;
  padding: 0;
  gap: 2rem;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}
.un_main .un_window .un_why-content .un_why-media li {
  width: calc(25% - 1.5rem);
  height: 10rem;
  box-shadow: 0 1rem 1.3rem rgba(0, 0, 0, 0.3);
}
.un_main .un_window .un_why-content .un_why-media li a {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.un_main .un_window .un_why-content .un_why-media li a:hover img {
  transform: scale(1.1);
}
.un_main .un_window .un_why-content .un_why-media li a svg {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  z-index: 1;
}
.un_main .un_window .un_why-content .un_why-media li a svg path {
  fill: wheat;
}
.un_main .un_window .un_why-content .un_why-media li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.69));
}
.un_main .un_window .un_why-content .un_why-media li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  transition: 0.3s;
}
.un_main .un_window .un_why-content .un_why-media li a::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 1;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  opacity: 1;
}
.un_main .un_window .un_why-content .un_why-rates {
  display: flex;
  margin: 2rem 0 0 0;
  padding: 0;
  gap: 1.6rem;
  list-style: none;
  justify-content: center;
}
.un_main .un_window .un_why-content .un_why-rates li {
  width: 7rem;
  height: 6.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.un_main .un_window .un_why-content .un_why-rates li::after {
  content: "";
  position: absolute;
  border: 0.8rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 1;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  opacity: 1;
}
.un_main .un_window .un_why-content .un_why-rates span {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
}
.un_main .un_window .un_why-content .un_why-rates h2 {
  margin: 0;
}

.un_main .un_window-news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/textureBg.jpg) top/cover;
  z-index: 1;
  opacity: 0.3;
}
.un_main .un_window .un_news {
  position: relative;
  z-index: 1;
  padding-bottom: 3rem;
  width: min(85%, 75rem);
  margin: 0 auto;
  text-align: center;
}
.un_main .un_window .un_news-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.un_main .un_window .un_news-title div {
  position: absolute;
  right: 0;
}
.un_main .un_window .un_news-title div a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.2s;
}
.un_main .un_window .un_news-title div a:hover {
  color: white;
}
.un_main .un_window .un_news-title div a::after {
  content: "";
  position: absolute;
  border: 0.6rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  filter: brightness(80%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_news-title div a svg {
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0.6;
}
.un_main .un_window .un_news-title div a svg path {
  fill: wheat;
}
.un_main .un_window .un_news h1 {
  filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.7));
  font-size: 3rem;
  margin: 0;
}
.un_main .un_window .un_news-row {
  display: flex;
  text-align: left;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  justify-content: center;
}
.un_main .un_window .un_news-row li {
  height: 13rem;
  width: calc(25% - 1.9rem);
  position: relative;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.un_main .un_window .un_news-row li:hover a img {
  transform: scale(1.1);
}
.un_main .un_window .un_news-row li::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  filter: brightness(90%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_news-row li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
}
.un_main .un_window .un_news-row li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 1;
}
.un_main .un_window .un_news-row li a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0.5;
  transition: 0.2s;
}
.un_main .un_window .un_news-row li a div {
  padding: 1.1rem 1.5rem 1.5rem 1.5rem;
  position: relative;
  z-index: 1;
  width: 100%;
}
.un_main .un_window .un_news-row li a div span {
  color: gray;
  font-size: 0.8rem;
}
.un_main .un_window .un_news-row li a div p {
  color: rgb(255, 247, 233);
  margin: 0.25rem 0 0 0;
}
.un_main .un_window .un_news-row li a div p strong {
  color: wheat;
  font-weight: normal;
  text-transform: capitalize;
}
.un_main .un_window .un_news-sm {
  margin-top: 3.5rem;
}
.un_main .un_window .un_news-sm p {
  color: rgba(245, 222, 179, 0.7);
}
.un_main .un_window .un_news-sm ul {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center;
  gap: 2rem;
  margin: 2rem 0 0 0;
}
.un_main .un_window .un_news-sm ul li a {
  text-decoration: none;
  color: wheat;
  display: flex;
  width: 2.6rem;
  height: 2.6rem;
  background-color: black;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  overflow: hidden;
  position: relative;
  transition: 0.2s;
}
.un_main .un_window .un_news-sm ul li a:hover {
  transform: rotate(45deg) scale(1.1);
  filter: brightness(120%);
}
.un_main .un_window .un_news-sm ul li a::before {
  z-index: 1;
  content: "";
  top: 0rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 1;
  transform: translateX(1rem) translateY(-15rem) rotate(-45deg) scale(0.6);
  pointer-events: none;
}
.un_main .un_window .un_news-sm ul li a::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_news-sm ul li a svg {
  width: 1.1rem;
  height: 1.1rem;
  transform: rotate(-45deg);
}
.un_main .un_window .un_news-sm ul li a svg path {
  fill: wheat;
}
.un_main .un_window .un_news-list {
  display: flex;
  gap: 2.5rem;
  margin: 3rem 0 0 0;
}
.un_main .un_window .un_news-slider {
  width: 50%;
  height: 17.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.un_main .un_window .un_news-slider::after {
  content: "";
  position: absolute;
  border: 1.2rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 1;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
}
.un_main .un_window .un_news-slider .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  text-decoration: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  box-shadow: inset 0 0 3rem black;
  position: relative;
  overflow: hidden;
  padding: 0 2rem 3.5rem 2rem;
  mask: url(../images/mask_up.webp);
  mask-size: 4000% 100%;
  mask-position: 0 0;
  animation: maskSlide-reverse 1s steps(39) forwards;
}
.un_main .un_window .un_news-slider .swiper-slide.swiper-slide-active {
  animation: maskSlide 1s steps(39) forwards;
}
@keyframes maskSlide {
  0% {
    -webkit-mask-position: 0 0;
  }
  100% {
    -webkit-mask-position: 100% 0;
  }
}
@keyframes maskSlide-reverse {
  0% {
    -webkit-mask-position: 100% 0;
  }
  100% {
    -webkit-mask-position: 0 0;
  }
}
.un_main .un_window .un_news-slider .swiper-slide img {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  object-fit: cover;
  opacity: 0.8;
  transition: 0.3s;
}
.un_main .un_window .un_news-slider .swiper-slide:hover img {
  transform: scale(1.1);
}
.un_main .un_window .un_news-slider .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20rem;
  background: url(../images/fog.png) bottom/cover;
  z-index: 1;
  opacity: 1;
}
.un_main .un_window .un_news-slider .swiper-slide::before {
  content: "";
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgb(15, 9, 4));
}
.un_main .un_window .un_news-slider .swiper-slide h2 {
  position: relative;
  z-index: 2;
  margin-top: 0.5rem;
  filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.4));
}
.un_main .un_window .un_news-slider .swiper-slide span {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}
.un_main .un_window .un_news-slider .swiper-controls {
  position: absolute;
  bottom: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  z-index: 1;
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev {
  position: static;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.1rem solid rgba(245, 222, 179, 0.2);
  background-color: rgba(0, 0, 0, 0.464);
  border-radius: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  transition: 0.3s;
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev:hover {
  border-color: rgba(245, 222, 179, 0.5);
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev::after {
  font-size: 0.6rem;
  color: wheat;
  transform: translateX(-0.05rem);
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next {
  position: static;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.1rem solid rgba(245, 222, 179, 0.2);
  background-color: rgba(0, 0, 0, 0.464);
  border-radius: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  transition: 0.3s;
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next:hover {
  border-color: rgba(245, 222, 179, 0.5);
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next::after {
  font-size: 0.6rem;
  color: wheat;
  transform: translateX(0.05rem);
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-pagination {
  position: static;
  width: fit-content;
  height: fit-content;
}
.un_main .un_window .un_news-slider .swiper-controls .swiper-pagination span {
  background-color: wheat;
  transition: 0.5s;
}
.un_main .un_window .un_news-column {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 50%;
}
.un_main .un_window .un_news-column li:not(:last-child) {
  border-bottom: 0.05rem solid rgba(245, 222, 179, 0.1);
}
.un_main .un_window .un_news-column li {
  text-align: start;
  padding: 1rem 0;
}
.un_main .un_window .un_news-column li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.un_main .un_window .un_news-column li a p {
  color: rgba(255, 255, 255, 0.871);
}
.un_main .un_window .un_news-column li a strong {
  color: wheat;
  font-weight: normal;
}
.un_main .un_window .un_news-column li a span {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  gap: 0.5rem;
}
.un_main .un_window .un_news-column li a span svg {
  opacity: 0.4;
  width: 0.75rem;
  height: 0.75rem;
}
.un_main .un_window .un_news-column li a span svg path {
  fill: white;
}
.un_main .un_window .un_news-column p {
  margin: 0;
}

.un_main .un_window-bonuses .un_character {
  z-index: 1;
}
.un_main .un_window-bonuses .un_character img {
  width: 115vh;
  position: absolute;
  bottom: 0;
  transform: translateX(12vw) translateY(14vw);
}
.un_main .un_window .un_bonuses {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  z-index: 4;
  position: relative;
  height: 100vh;
  width: 100%;
  padding-bottom: 4rem;
}
.un_main .un_window .un_bonuses h1 {
  filter: drop-shadow(0 1rem 1rem black);
  font-size: 3rem;
  margin: 0 0 5rem 0;
}
.un_main .un_window .un_bonuses ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.un_main .un_window .un_bonuses ul li {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 18rem;
  gap: 1.5rem;
}
.un_main .un_window .un_bonuses ul li::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
  align-items: center;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info p {
  color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  width: 70%;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info p strong {
  color: wheat;
  font-weight: normal;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info div {
  text-decoration: none;
  display: flex;
  width: 5rem;
  height: 5rem;
  background-color: black;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.8);
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info div::before {
  z-index: 1;
  content: "";
  top: 0rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 1;
  transform: translateX(1rem) translateY(-15rem) rotate(-45deg) scale(0.6);
  pointer-events: none;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info div::after {
  content: "";
  position: absolute;
  border: 1.3rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info div svg {
  width: 2rem;
  height: 2rem;
  transform: rotate(-45deg);
}
.un_main .un_window .un_bonuses ul li .un_bonuses-info div svg path {
  fill: wheat;
}
.un_main .un_window .un_bonuses ul li a {
  margin: 0 auto;
  width: 12rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  text-decoration: none;
  font-family: bold;
  color: wheat;
  font-family: "TheOneLord";
  border-radius: 0.5rem;
  position: relative;
  transition: 0.2s;
}
.un_main .un_window .un_bonuses ul li a:hover {
  filter: brightness(120%);
}
.un_main .un_window .un_bonuses ul li a:hover div:nth-child(2) {
  background-color: rgb(132, 50, 5);
}
.un_main .un_window .un_bonuses ul li a::before {
  content: "";
  position: absolute;
  top: -3.5rem;
  z-index: 2;
  opacity: 0;
  width: 10rem;
  height: 5rem;
  pointer-events: none;
  background: url(../images/frame_top.png) center/cover;
}
.un_main .un_window .un_bonuses ul li a div:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.2s;
  z-index: -1;
  background-color: rgba(132, 50, 5, 0.7);
  clip-path: polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(2) span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
}
.un_main .un_window .un_bonuses ul li a div:nth-child(2) span::before {
  z-index: 1;
  content: "";
  top: 0rem;
  width: 500px;
  height: 520px;
  position: absolute;
  background: url(../images/particles.png) top;
  animation: animateParticle 4s steps(75) infinite;
  opacity: 0;
  display: none;
  transform: translateY(-13rem) scale(0.6);
  pointer-events: none;
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1) {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  overflow: hidden;
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1)::before {
  content: "";
  position: absolute;
  height: 0.15rem;
  width: 74.5%;
  top: 0;
  background-color: rgb(177, 152, 105);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1)::after {
  content: "";
  position: absolute;
  height: 0.15rem;
  width: 74.5%;
  bottom: 0;
  background-color: rgb(177, 152, 105);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1) span:nth-child(1) {
  left: 0.9rem;
  clip-path: polygon(0 0, 30% 0, 60% 100%, 0 100%);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1) span:nth-child(2) {
  right: 0.9rem;
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 60% 100%);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1) span {
  position: absolute;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  transform: rotate(45deg);
}
.un_main .un_window .un_bonuses ul li a div:nth-child(1) span::after {
  content: "";
  position: absolute;
  border: 1.5rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: 0rem;
  z-index: 2;
  right: 0rem;
  bottom: 0rem;
  top: 0rem;
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_main .un_window footer {
  position: absolute;
  width: min(80%, 40rem);
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 3rem;
  z-index: 10;
  text-align: center;
}
.un_main .un_window footer p {
  color: rgba(245, 222, 179, 0.25);
  font-size: 0.8rem;
  margin: 0.5rem 0 0 0;
}
.un_main .un_window footer ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  gap: 2rem;
  list-style-type: none;
}
.un_main .un_window footer ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
  transition: 0.2s;
}
.un_main .un_window footer ul li a:hover {
  color: wheat;
}

@media (max-width: 769px) {
  .un_social {
    display: none;
  }
  .un_files-mobileView {
    display: block;
  }
  .un_files-wrapper {
    display: none;
  }
  .un_character {
    display: none !important;
  }
  .un_main .un_window-header {
    background: url(../images/bg/main_mobile.jpg) top/cover no-repeat;
  }
  .un_main .un_window .un_why-control {
    transform: scale(1) translateX(0);
  }
  .un_main .un_window .un_why-control .swiper-slide {
    width: 6rem !important;
  }
  .un_main .un_window .un_why-content .un_why-media {
    width: 80%;
    gap: 1rem;
  }
  .un_main .un_window .un_why-content .un_why-media li {
    width: calc(50% - 1rem);
    height: 9rem;
  }
  .un_main .un_window .un_bonuses ul {
    gap: 9rem 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible !important;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2rem 8rem;
    width: 100%;
  }
  .un_main .un_window .un_bonuses ul::-webkit-scrollbar {
    width: 0;
  }
  .un_main .un_window .un_bonuses ul li {
    width: 20rem;
  }
  .un_main .un_window .un_bonuses ul li .un_bonuses-info {
    width: 14rem;
  }
  .un_main .un_window .un_news-title {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .un_main .un_window .un_news-title div {
    position: relative;
  }
  .un_main .un_window .un_news-row li {
    width: calc(50% - 1.25rem);
  }
  .un_main .un_window .un_history h1 {
    width: 80%;
  }
  .un_main .un_window .un_history ul {
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 80%;
  }
  .un_main .un_window .un_history ul li {
    width: calc(50% - 0.75rem);
  }
  .un_main .un_window .un_header-worlds ul::before {
    transform: scale(0.5);
  }
  .un_main .un_window .un_header-start p {
    display: none;
  }
  .un_main .un_window .un_header-start ul {
    flex-direction: column;
  }
  .un_main .un_window .un_header-start ul li:first-child {
    display: none;
  }
  .un_main .un_window .un_header-logo img {
    width: 30rem;
  }
  .un_main .un_window .un_header-wrapper {
    justify-content: flex-end;
  }
}
.un_social {
  position: fixed;
  width: 6rem;
  height: 100vh;
  left: 0.3rem;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  padding: 2rem 0;
  justify-content: center;
}
.un_social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}
.un_social ul li {
  display: flex;
  justify-content: center;
}
.un_social ul li a {
  text-decoration: none;
  color: wheat;
  display: flex;
  width: 2.3rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.2s;
}
.un_social ul li a:hover::after {
  opacity: 0.8;
}
.un_social ul li a::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  opacity: 0.3;
  transform: rotate(45deg);
  filter: brightness(130%);
  pointer-events: none;
  transition: 0.3s;
}
.un_social ul li a svg {
  width: 1.1rem;
  height: 1.1rem;
  position: relative;
}
.un_social ul li a svg path {
  fill: wheat;
}

#downloadCheck {
  position: fixed;
  left: -20000rem;
  opacity: 0;
}
#downloadCheck:checked ~ .un_files {
  opacity: 1;
  pointer-events: all;
}

.un_files {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.un_files-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.un_files-close::before {
  content: "";
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.8);
}
.un_files-close div {
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(212, 203, 184);
  cursor: pointer;
  border-radius: 100%;
  transition: 0.3s;
}
.un_files-close div:hover {
  filter: brightness(120%);
}
.un_files-close div svg {
  width: 1.2rem;
  height: 1.2rem;
}
.un_files-close div svg path {
  fill: rgb(51, 41, 22);
}
.un_files-container {
  width: min(80%, 45rem);
  padding: 3rem;
  position: relative;
  background-color: rgb(235, 230, 219);
}
.un_files-container::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.6rem;
  z-index: 2;
  right: -0.6rem;
  bottom: -0.6rem;
  top: -0.6rem;
  filter: brightness(120%);
  pointer-events: none;
  transition: 0.3s;
}
.un_files-container h1 {
  margin: 0 0 1.5rem 0;
  -webkit-text-fill-color: rgb(105, 69, 31);
}
.un_files-mobileView {
  display: none;
  color: rgb(105, 69, 31);
  text-align: center;
  padding: 2rem;
}
.un_files-help {
  text-align: center;
  margin: 3rem 0 0 0;
}
.un_files-help h3 {
  font-family: "Arpona";
  letter-spacing: 0;
  margin: 0 0 1rem 0;
  -webkit-text-fill-color: rgb(105, 69, 31);
}
.un_files-help a {
  padding: 0.6rem 2rem;
  background-color: rgb(212, 203, 184);
  border-radius: 10rem;
  color: rgb(51, 41, 22);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  transition: 0.3s;
  font-weight: bold;
}
.un_files-help a:hover {
  filter: brightness(120%);
}
.un_files-option:nth-child(2) {
  z-index: 10;
}
.un_files-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.3rem;
  background: linear-gradient(120deg, rgb(42, 34, 22), rgb(111, 81, 35));
  margin: 0 0 1rem 0;
  position: relative;
  z-index: 5;
}
.un_files-option::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
  z-index: 3;
}
.un_files-option div:nth-child(1) {
  padding: 0 1.5rem;
}
.un_files-option div:nth-child(1) p {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.un_files-option div:nth-child(1) p strong {
  color: wheat;
}
.un_files-option div:nth-child(2) {
  width: 15rem;
  position: relative;
}
.un_files-option div:nth-child(2):hover span {
  filter: brightness(110%);
}
.un_files-option div:nth-child(2):hover span svg {
  transform: rotate(180deg);
}
.un_files-option div:nth-child(2):hover ul {
  padding-top: 4rem;
  opacity: 1;
}
.un_files-option div:nth-child(2):hover ul li {
  max-height: 4rem;
}
.un_files-option div:nth-child(2) ul {
  position: absolute;
  width: 100%;
  top: 0;
  min-height: 4rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
  list-style: none;
  transition: 0.5s;
  opacity: 0;
  overflow: hidden;
}
.un_files-option div:nth-child(2) ul::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
  filter: brightness(130%);
}
.un_files-option div:nth-child(2) ul li {
  max-height: 0;
  overflow: hidden;
  transition: 1s;
  width: 100%;
  border-bottom: 0.05rem solid rgb(58, 51, 39);
}
.un_files-option div:nth-child(2) ul li a {
  display: flex;
  color: wheat;
  text-decoration: none;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: rgb(44, 29, 13);
  transition: 0.3s;
}
.un_files-option div:nth-child(2) ul li a:hover {
  background-color: rgb(61, 41, 19);
}
.un_files-option div:nth-child(2) span {
  display: flex;
  width: 100%;
  height: 4rem;
  background-color: rgb(183, 60, 11);
  position: relative;
  overflow: hidden;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  color: rgb(255, 242, 219);
  gap: 0.5rem;
  padding: 0 1.5rem;
  z-index: 2;
  transition: 0.3s;
}
.un_files-option div:nth-child(2) span svg {
  width: 0.9rem;
  opacity: 0.8;
  height: 0.9rem;
  transition: 0.3s;
}
.un_files-option div:nth-child(2) span svg path {
  fill: rgb(255, 242, 219);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: rgb(16, 16, 16);
  position: relative;
}

.un_container {
  width: min(90%, 65rem);
  margin: auto;
}

.un_container40 {
  width: min(90%, 55rem);
  margin: auto;
}

button {
  cursor: pointer;
}

.withBorder {
  position: relative;
}
.withBorder::after {
  content: "";
  position: absolute;
  border: 1rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
}

.withBorder-small {
  position: relative;
}
.withBorder-small::after {
  content: "";
  position: absolute;
  border: 0.8rem solid transparent;
  border-image: var(--border-image);
  border-image-slice: var(--border-image-slice);
  left: -0.1rem;
  z-index: 2;
  right: -0.1rem;
  bottom: -0.1rem;
  top: -0.1rem;
  pointer-events: none;
  transition: 0.3s;
}

.page_bg {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.page_bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(24, 19, 11));
}
.page_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev_articles {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0.2rem 0 0 0.2rem;
  background-color: rgb(216, 216, 216);
  border: 0.05rem solid rgba(245, 222, 179, 0.3);
  display: flex;
  left: 0rem !important;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.swiper-button-prev_articles:hover {
  background-color: rgb(22, 22, 22);
}
.swiper-button-prev_articles:hover::after {
  color: white;
}
.swiper-button-prev_articles::after {
  color: rgb(0, 0, 0);
  font-size: 0.8rem !important;
  transform: translateX(-0.1rem);
}

.swiper-button-next_articles {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0 0.2rem 0.2rem 0;
  background-color: rgb(216, 216, 216);
  display: flex;
  right: 0rem !important;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.swiper-button-next_articles:hover {
  background-color: rgb(22, 22, 22);
}
.swiper-button-next_articles:hover::after {
  color: white;
}
.swiper-button-next_articles::after {
  color: rgb(0, 0, 0);
  font-size: 0.8rem !important;
  transform: translateX(0.1rem) !important;
}/*# sourceMappingURL=style.css.map */