* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  width: 100%;
  height: 100%;
  background: black;
  font-family: "Roboto", sans-serif;
  font-weight: 500; }

.scroll_animation {
  opacity: 0;
  transform: translateY(15%); }

.scroll_animation.element-show {
  opacity: 1;
  transition: all 1s;
  transform: translateY(0%); }

.scroll_animation_right {
  opacity: 0;
  transform: translateX(30%); }
  @media (max-width: 700px) {
    .scroll_animation_right {
      transform: translateX(-30%); } }

.scroll_animation_right.element-show {
  opacity: 1;
  transition: all 1s;
  transform: translateX(0%); }

.scroll_animation_left {
  opacity: 0;
  transform: translateX(-30%); }

.scroll_animation_left.element-show {
  opacity: 1;
  transition: all 1s;
  transform: translateX(0%); }

.purple-bg-light {
  background: linear-gradient(to right, #01565D, #9FFDFF); }

.purple-bg-normal {
  background: linear-gradient(to right, #004950, #9FFDFF); }

.purple-bg-dark {
  background: linear-gradient(to right, #0DA7B5, #9FFDFF); }

.half-width {
  width: 50%; }
  @media (max-width: 1000px) {
    .half-width {
      width: 90%; } }

.header-nav {
  background-image: url(./../images/hyperion/rectangle_1.webp);
  background-size: cover; }
  .header-nav .players-are-online {
    padding: 14px 0 0;
    border-bottom: 1px solid black;
    text-align: center; }
    @media (max-width: 700px) {
      .header-nav .players-are-online {
        padding: 24px 0; } }
    .header-nav .players-are-online .players-text {
      color: #9FFDFF;
      margin-bottom: 0; }
      @media (max-width: 1440px) {
        .header-nav .players-are-online .players-text {
          font-size: 14px; } }
  .header-nav .header-navigation {
    padding: 15px 0 0; }
    @media (max-width: 1000px) {
      .header-nav .header-navigation {
        display: none !important; } }
    .header-nav .header-navigation .nav-logo-link {
      width: 7%;
      transition: 0.5s all;
      color: transparent; }
      .header-nav .header-navigation .nav-logo-link img {
        min-width: 40px;
        transition: 0.5s all; }
        .header-nav .header-navigation .nav-logo-link img:hover {
          transform: scale(1.4) rotate(180deg);
          filter: brightness(1.4); }
    .header-nav .header-navigation .nav-list {
      padding: 0 15%; }
      @media (max-width: 1200px) {
        .header-nav .header-navigation .nav-list {
          padding: 0 10%; } }
  @media (max-width: 1200px) and (max-width: 1000px) {
    .header-nav .header-navigation .nav-list {
      padding: 0 5%; } }

      .header-nav .header-navigation .nav-list li a {
        color: white; }
        @media (max-width: 1200px) {
          .header-nav .header-navigation .nav-list li a {
            font-size: 14px; } }
      .header-nav .header-navigation .nav-list li .active-nav {
        color: #9FFDFF; }
    .header-nav .header-navigation ul li {
      list-style: none;
      margin: 0 20px;
      transition: 0.5s; }
      .header-nav .header-navigation ul li a {
        display: block;
        position: relative;
        text-decoration: none;
        padding: 1px 5px;
        font-size: 20px;
        letter-spacing: 3px;
        text-shadow: 0 0 25px #9FFDFF;
        font-family: "Crimson Text", serif;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        transition: 0.2s; }
        @media (max-width: 1200px) {
          .header-nav .header-navigation ul li a {
            font-size: 16px; } }
    .header-nav .header-navigation ul:hover li a {
      transform: scale(1.3);
      opacity: 0.2;
      filter: blur(1px); }
    .header-nav .header-navigation ul li a:hover {
      transform: scale(1.5);
      opacity: 1;
      filter: blur(0);
      text-decoration: none;
      color: #fff !important; }
    .header-nav .header-navigation ul li a::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: 10%;
      transition: 0.5s;
      box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
      border-radius: 4px;
      transform-origin: right;
      transform: scaleX(0);
      z-index: -1; }
    .header-nav .header-navigation ul li a:hover::before {
      transition: transform 0.5s;
      transform-origin: left;
      transform: scaleX(1); }

.menu-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 24px;
  z-index: 2;
  overflow: hidden;
  z-index: 9999999; }
  @media (min-width: 999px) {
    .menu-btn {
      display: none; } }
  .menu-btn span {
    width: 30px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #9FFDFF;
    transition: all 0.5s; }

.menu-btn span:nth-of-type(2) {
  top: calc(50% - 8px); }

.menu-btn span:nth-of-type(3) {
  top: calc(50% + 8px); }

.menu-btn.active span:nth-of-type(1) {
  display: none; }

.menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg); }

.menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); }

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 15px;
  background: #0f0111f1;
  transform: translateX(100%);
  transition: transform 0.5s;
  border-left: 15px solid #9FFDFF;
  z-index: 99999; }
  .menu .burger-icon {
    max-width: 120px; }
  .menu nav {
    height: 70vh;
    margin-top: 10vh;
    display: flex;
    justify-content: center;
    align-items: center; }
    .menu nav ul {
      display: flex;
      flex-direction: column;
      text-align: center;
      gap: 30px;
      padding-left: 0; }
      .menu nav ul .burger-icon {
        animation: burgi 3s infinite;
        padding-bottom: 5vh; }
      .menu nav ul li {
        font-size: 28px; }
        .menu nav ul li a {
          color: white; }
        .menu nav ul li .active-nav {
          color: #9FFDFF; }

.menu.active {
  transform: translateX(0); }

.menu li {
  list-style-type: none; }

.players-are-online {
  border-bottom: 2px solid #39044e;
  font-weight: bolder;
  letter-spacing: 3px; }

.title-screen {
  position: relative;
  height: 85vh;
  background-image: url(./../images/hyperion/landing.webp);
  background-size: cover;
  background-position: center; }
  .title-screen:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25vh;
    background: linear-gradient(to bottom, #0f011100, #17011a); }
  .title-screen img {
    width: 38%;
    margin-top: 5vh;
    animation: red-eye;
    animation-duration: 5s;
    animation-iteration-count: infinite; }
    @media (max-width: 700px) {
      .title-screen img {
        width: 75%; } }
  .title-screen p {
    color: white;
    text-align: center;
    font-weight: 400;
    line-height: 24px;
    animation: levitate-animation 1.8s ease-in-out infinite alternate;
    transform-origin: center;
    transform: translate3d(0, 0, 0); }
    @media (max-width: 700px) {
      .title-screen p {
        width: 90%; } }
  .title-screen button {
    font-size: 20px;
    padding: 14px 0px;
    width: 250px;
    background: linear-gradient(to bottom, #01565D, #004950);
    border: 1px solid #9FFDFF;
    color: white;
    font-family: "Crimson Text", serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    z-index: 9999; }
    .title-screen button:hover, .title-screen button :focus {
      animation: pulse 1.5s;
      box-shadow: 0 0 0 2em transparent;
      letter-spacing: 5px;
      background: linear-gradient(to bottom, #FFFFFF, #0DA7B5); }
  .title-screen .play-now {
    --background: #275efe;
    --text: #fff;
    --font-size: 16px;
    --duration: 1s;
    --move-hover: -4px;
    --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
    --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
    --font-shadow: var(--font-size);
    line-height: var(--font-size);
    text-align: center; }
    .title-screen .play-now div {
      display: flex;
      overflow: hidden;
      text-shadow: 0 var(--font-shadow) 0 var(--text); }
      .title-screen .play-now div span {
        display: block;
        backface-visibility: hidden;
        font-style: normal;
        transition: transform var(--duration) ease;
        transform: translateY(var(--m)) translateZ(0); }
        .title-screen .play-now div span:nth-child(1) {
          transition-delay: calc(1 / 20s); }
        .title-screen .play-now div span:nth-child(2) {
          transition-delay: calc(2 / 20s); }
        .title-screen .play-now div span:nth-child(3) {
          transition-delay: calc(3 / 20s); }
        .title-screen .play-now div span:nth-child(4) {
          transition-delay: calc(4 / 20s); }
        .title-screen .play-now div span:nth-child(5) {
          transition-delay: calc(5 / 20s); }
        .title-screen .play-now div span:nth-child(6) {
          transition-delay: calc(6 / 20s); }
        .title-screen .play-now div span:nth-child(7) {
          transition-delay: calc(7 / 20s); }
        .title-screen .play-now div span:nth-child(8) {
          transition-delay: calc(8 / 20s); }
        .title-screen .play-now div span:nth-child(9) {
          transition-delay: calc(9 / 20s); }
        .title-screen .play-now div span:nth-child(10) {
          transition-delay: calc(10 / 20s); }
        .title-screen .play-now div span:nth-child(11) {
          transition-delay: calc(11 / 20s); }
    .title-screen .play-now:hover {
      --y: var(--move-hover);
      --shadow: var(--shadow-hover); }
      .title-screen .play-now:hover span {
        --m: calc(var(--font-size) * -1); }

.title-screen-store {
  height: 25vh; }

.wave-text {
  font-weight: bold;
  max-width: 100%;
  height: auto;
  text-shadow: 0 0 10px #9ffdff; }
  .wave-text .text-wave {
    filter: brightness(1.5); }
    @media (max-width: 1000px) {
      .wave-text .text-wave {
        font-size: 9px !important; } }

.media-presentation-block .media-video {
  width: 60%;
  min-height: 400px;
  border-radius: 12px;
  border: 2px solid black;
  box-shadow: 0 0 10px #9ffdff; }
  @media (max-width: 1000px) {
    .media-presentation-block .media-video {
      width: 90%;
      min-height: 300px; } }
.media-presentation-block .nice-title {
  font-size: 36px;
  font-weight: bold; }
@media (max-width: 1000px) {
  .media-presentation-block .discord-spec {
    flex-direction: column !important; }
    .media-presentation-block .discord-spec .main-discord {
      width: 100%;
      min-height: 400px; }
      .media-presentation-block .discord-spec .main-discord .media-video {
        min-height: 400px; }
    .media-presentation-block .discord-spec .discord-image {
      display: none; } }

.discord-presentation-block {
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  background-image: url(./../images/hyperion/discord.webp);
  background-size: cover;
  background-position: center;
  margin-top: 100px; }
  .discord-presentation-block::before, .discord-presentation-block::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10vh; }
  .discord-presentation-block::before {
    background: linear-gradient(to bottom, #17011a, #0e011100);
    top: 0; }
  .discord-presentation-block::after {
    background: linear-gradient(to bottom, #06110100, #17011a);
    bottom: 0; }
  @media (max-width: 1000px) {
    .discord-presentation-block::before, .discord-presentation-block::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 4vh; }
    .discord-presentation-block .wave-text {
      margin-top: 75px; } }
  @media (max-width: 1000px) {
    .discord-presentation-block .discord-spec {
      flex-direction: column; }
      .discord-presentation-block .discord-spec .main-discord {
        width: 100%; }
      .discord-presentation-block .discord-spec .discord-image {
        display: none; } }
  .discord-presentation-block .main-discord {
    width: 40%;
    background-color: #01565D;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    position: relative; }
    .discord-presentation-block .main-discord .discord-box {
      min-height: 300px;
      height: 100%; }
    .discord-presentation-block .main-discord .now-hide {
      display: none !important; }
    .discord-presentation-block .main-discord .bg-cust-disc-btn {
      background-image: url(./../images/hyperion/discord-icon.webp);
      background-position: top; }
    .discord-presentation-block .main-discord .discord-custom-button {
      background: #01565D;
      width: 65%;
      margin: 8px 0 12px;
      margin-left: 17.5%;
      font-size: 24px;
      font-weight: bold;
      transition: 0.3s all;
      color: white;
      border: 1px solid transparent; }
      .discord-presentation-block .main-discord .discord-custom-button:hover {
        color: #01565D;
        letter-spacing: 2px;
        margin-left: 0%;
        width: 100%;
        background: linear-gradient(to right, #01565D, #0DA7B5, #9FFDFF, #0DA7B5, #01565D);
        box-shadow: 0 0 14px #9ffdff;
        filter: brightness(1.5);
        border: 1px solid #004950;
        text-shadow: 0 0 10px white; }
    .discord-presentation-block .main-discord .discord-custom-button:hover .now-hide {
      display: inline; }
  .discord-presentation-block .discord-image {
    width: 60%; }

.latest-updates-block .updates-item {
  width: 31%;
  margin: 1%;
  border: 2px solid #9FFDFF;
  transition: 0.3s all;
  box-shadow: 0 0 4px #9FFDFF;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .latest-updates-block .updates-item img {
    min-height: 250px; }
  .latest-updates-block .updates-item:hover {
    transform: scale(1.05);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 0 15px #9FFDFF; }
  .latest-updates-block .updates-item .item-update-info {
    min-height: 250px; }
    .latest-updates-block .updates-item .item-update-info .updates-date {
      background: linear-gradient(to right, #004950, #01565D);
      padding: 4px 12px;
      font-size: 24px;
      box-shadow: 0 0 5px #004950;
      border-radius: 8px;
      margin-bottom: 0; }
    .latest-updates-block .updates-item .item-update-info .updates-link {
      color: white;
      text-decoration: none;
      font-size: 24px;
      transition: 0.3s all; }
      .latest-updates-block .updates-item .item-update-info .updates-link:hover {
        color: #9FFDFF;
        padding: 0 10px;
        letter-spacing: 3px;
        border-right: 5px solid #01565D;
        background: linear-gradient(to right, #004950, #01565D); }

@media (max-width: 1000px) {
  .latest-updates-block-col {
    flex-direction: column; }
    .latest-updates-block-col .updates-item {
      width: 100%; } }

.feature-content-block .feature-item {
  width: 31%;
  margin: 1%;
  border: 2px solid #f20794;
  transition: 0.3s all;
  box-shadow: 0 0 4px #f20794;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .feature-content-block .feature-item img {
    min-height: 250px; }
  .feature-content-block .feature-item:hover {
    transform: scale(1.05);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 0 15px #f20794; }
  .feature-content-block .feature-item .item-update-info {
    min-height: 250px; }

@media (max-width: 1000px) {
  .feature-content-block-col {
    flex-direction: column; }
    .feature-content-block-col .feature-item {
      width: 100%; } }

.main-footer-section {
  margin: 0px auto;
  background-image: url(./../images/hyperion/footer.webp);
  background-size: cover;
  background-position: bottom;
  box-shadow: 0 0 10px #9ffdff;
  padding: 60px 120px;
  width: 90%;
  transition: 1s all;
  border-radius: 12px;
  margin-top: 75px; }
  @media (max-width: 1000px) {
    .main-footer-section {
      padding: 20px 10px;
      flex-direction: column;
      align-items: center;
      text-align: center; } }
  .main-footer-section:hover {
    background-position: top;
    cursor: pointer; }
    .main-footer-section:hover .foot-logo {
      transition: 1s ease-in-out;
      filter: brightness(1.5); }
    .main-footer-section:hover .foot-link {
      transition: 1s ease-in-out;
      color: white !important;
      text-shadow: 0 0 10px black;
      letter-spacing: 3px; }
  .main-footer-section .footer-logo-desc {
    width: 50%; }
    @media (max-width: 1000px) {
      .main-footer-section .footer-logo-desc {
        width: 100%; } }
    .main-footer-section .footer-logo-desc .foot-desc-link {
      color: #9ffdff;
      text-decoration: none; }
      .main-footer-section .footer-logo-desc .foot-desc-link:hover {
        color: #004950;
        text-decoration: underline; }
    .main-footer-section .footer-logo-desc .foot-logo {
      width: 20%; }
    .main-footer-section .footer-logo-desc .foot-desc {
      width: 70%;
      text-shadow: 0 0 10px black;
      margin-top: 20px; }
      @media (max-width: 1000px) {
        .main-footer-section .footer-logo-desc .foot-desc {
          width: 100%; } }
    .main-footer-section .footer-logo-desc .foot-pages-link {
      color: #9FFDFF;
      text-decoration: none;
      transition: 0.3s all;
      letter-spacing: 1px; }
      .main-footer-section .footer-logo-desc .foot-pages-link:hover {
        letter-spacing: 3px;
        color: #9ffdff; }
  @media (max-width: 1000px) {
    .main-footer-section .footer-links {
      width: 100% !important;
      margin-top: 30px; } }
  .main-footer-section .footer-links .foot-link {
    color: #9FFDFF;
    font-size: 20px;
    text-decoration: none;
    transition: 0.3s all; }
    @media (max-width: 1000px) {
      .main-footer-section .footer-links .foot-link {
        width: 100%; } }
    .main-footer-section .footer-links .foot-link:hover {
      padding: 0 20px;
      border-right: 8px solid #9ffdff;
      border-left: 8px solid #9ffdff;
      color: black !important;
      background-color: #9ffdff;
      text-shadow: none;
      font-weight: 900; }

.vote-container {
  margin-top: 50px; }
  @media (max-width: 1000px) {
    .vote-container {
      flex-direction: column; } }
  .vote-container .vote-title {
    text-align: center;
    padding: 6px 0;
    width: 100%;
    background-image: url(./../images/hyperion/bg.webp);
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #ffffff;
    text-shadow: 0 0 10px black; }
  .vote-container .vote-block {
    width: 65%;
    border: 2px solid #004950;
    border-radius: 8px;
    background: linear-gradient(90deg, black, #01565d); }
    @media (max-width: 1000px) {
      .vote-container .vote-block {
        width: 100%; } }
    .vote-container .vote-block .vote-text {
      font-weight: 400; }
    .vote-container .vote-block .block-in-vote {
      transition: 0.3s all; }
      .vote-container .vote-block .block-in-vote .vote-input {
        background: linear-gradient(90deg, #01565d, #004950, #01565d);
        font-size: 20px;
        border: 2px solid white;
        padding: 6px 20px;
        color: white;
        width: 50%; }
        .vote-container .vote-block .block-in-vote .vote-input::placeholder {
          font-size: 16px !important; }
      .vote-container .vote-block .block-in-vote .vote-button {
        border: 2px solid white;
        background: linear-gradient(to right, black, #004950, black);
        font-size: 20px;
        color: white;
        min-width: 100px;
        padding: 6px 20px;
        transition: 0.6s all;
        border-left: none; }
        .vote-container .vote-block .block-in-vote .vote-button:hover {
          background-image: url(./../images/hyperion/footer.webp);
          background-position: top; }
  .vote-container .top-votes-block {
    width: 33%;
    border: 2px solid #004950;
    border-radius: 8px;
    background: linear-gradient(90deg, #01565d, black); }
    @media (max-width: 1000px) {
      .vote-container .top-votes-block {
        width: 100%;
        margin-top: 30px; } }

@media (max-width: 1000px) {
  .main-play-container {
    width: 100% !important;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px; } }
.main-play-container .play-item {
  width: 30%;
  background-image: url(./../images/hyperion/bg.webp);
  background-size: cover;
  background-position: left;
  box-shadow: 0 0 15px #9ffdff;
  border: 2px solid #01565D;
  transition: 0.3s all; }
  .main-play-container .play-item:nth-child(2) {
    background-position: center; }
  .main-play-container .play-item:nth-child(3) {
    background-position: right; }
  .main-play-container .play-item .jarfix-decs {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.73);
    padding: 20px;
    font-size: 20px;
    border: 2px solid white;
    font-weight: 400; }
  .main-play-container .play-item:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    cursor: pointer;
    transition: 0.3s all; }
    .main-play-container .play-item:hover .jarfix-decs {
      background-color: black; }
  @media (max-width: 1000px) {
    .main-play-container .play-item .play-img {
      width: 200px; } }
  .main-play-container .play-item a {
    width: 50%; }
    .main-play-container .play-item a .play-button-in-play {
      width: 100%;
      background-color: black;
      padding: 10px 0;
      font-size: 20px;
      text-transform: uppercase;
      transition: 0.4s all;
      border: 2px solid #9FFDFF; }
      .main-play-container .play-item a .play-button-in-play:hover {
        box-shadow: 0 0 10px #004950;
        background: #01565D;
        letter-spacing: 2px; }
  @media (max-width: 1000px) {
    .main-play-container .play-item {
      flex-direction: column;
      width: 100% !important; } }

.have-prob-block {
  background: linear-gradient(to right, black, #004950);
  box-shadow: 0 0 15px #9ffdff;
  text-shadow: 0 0 10px black; }
  .have-prob-block a {
    text-decoration: none; }
    .have-prob-block a .prob-button {
      padding: 6px 12px;
      background-color: black;
      border: 2px solid white;
      transition: 0.5s all; }
      .have-prob-block a .prob-button:hover {
        color: black !important;
        background-color: white;
        box-shadow: 0 0 10px black; }

.update-item {
  background-image: url(./../images/hyperion/footer.webp);
  background-size: cover;
  background-position: bottom;
  box-shadow: 0 0 15px #9ffdff;
  border: 2px solid #9FFDFF; }
  @media (max-width: 1000px) {
    .update-item {
      flex-direction: column; } }
  .update-item img {
    min-width: 100px;
    border: 2px solid #9ffdff;
    box-shadow: 0 0 5px #9ffdff;
    max-width: 400px;
    width: 35%; }
    @media (max-width: 1000px) {
      .update-item img {
        width: 100%; } }
  .update-item .updates-info {
    width: 63%;
    text-align: center; }
    @media (max-width: 1000px) {
      .update-item .updates-info {
        width: 100%; } }
    .update-item .updates-info .button-updates {
      width: 50%;
      background-image: url(./../images/btn-bg.jpg);
      background-size: cover;
      background-position: top;
      padding: 10px 0;
      font-size: 20px;
      text-transform: uppercase;
      transition: 0.4s all;
      border: 2px solid grey;
      color: white; }
      .update-item .updates-info .button-updates:hover {
        box-shadow: 0 0 10px #f00d8a;
        background: #3d03397d;
        letter-spacing: 4px;
        filter: brightness(1.5); }

.store-bg {
  background: black; }

.store-main-section {
  min-height: 80vh;
  background: linear-gradient(to right, #004950, black);
  border: 2px solid #004950;
  padding: 60px 30px;
  max-width: 1680px;
  margin: auto; }
  @media (max-width: 820px) {
    .store-main-section {
      padding: 5px;
      flex-direction: column;
      height: max-content;
      padding-bottom: 100px; } }
  .store-main-section .left-product-filter-block {
    width: 73%;
    gap: 0px;
    border-radius: 12px;
    background-image: url(./../images/hyperion/store-bg.webp);
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 15px #9ffdff; }
    @media (max-width: 820px) {
      .store-main-section .left-product-filter-block {
        width: 100%; } }
    .store-main-section .left-product-filter-block .filter-container {
      display: flex;
      color: white;
      gap: 20px;
      padding: 12px;
      border-radius: 12px;
      background: linear-gradient(to bottom, #000000bf, #10011192); }
      @media (max-width: 640px) {
        .store-main-section .left-product-filter-block .filter-container {
          flex-direction: column; } }
      .store-main-section .left-product-filter-block .filter-container .filter-item {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 4px 16px;
        width: 100%;
        background: linear-gradient(to bottom, #004950, #01565D);
        border: 1px solid #01565D; }
        .store-main-section .left-product-filter-block .filter-container .filter-item img {
          width: 6%; }
        .store-main-section .left-product-filter-block .filter-container .filter-item p {
          letter-spacing: 1px;
          font-size: 20px;
          font-family: "Crimson Text", serif;
          font-weight: 600;
          text-shadow: 0 0 3px rgba(255, 255, 255, 0.25); }
          @media (max-width: 820px) {
            .store-main-section .left-product-filter-block .filter-container .filter-item p {
              font-size: 32px; } }
        .store-main-section .left-product-filter-block .filter-container .filter-item:hover {
          background: linear-gradient(to bottom, #004950, #01565D);
          border: 2px solid #01565D;
          cursor: pointer; }
      .store-main-section .left-product-filter-block .filter-container .active-filter {
        background: linear-gradient(to bottom, #004950, #01565D);
        border: 2px solid #9FFDFF; }
    .store-main-section .left-product-filter-block .search-container {
      padding: 12px 0;
      margin: 30px 12px 0;
      border-bottom: 2px solid #004950; }
      .store-main-section .left-product-filter-block .search-container h3 {
        color: white;
        font-size: 32px;
        font-family: "Crimson Text", serif;
        font-weight: 600;
        letter-spacing: 2px;
        border-bottom: 2px solid #004950;
        text-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
        margin-bottom: 0; }
      .store-main-section .left-product-filter-block .search-container .search-main {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 4px 0; }
        @media (max-width: 820px) {
          .store-main-section .left-product-filter-block .search-container .search-main {
            width: 55%; } }
        .store-main-section .left-product-filter-block .search-container .search-main span {
          cursor: pointer;
          width: 10%; }
          @media (max-width: 820px) {
            .store-main-section .left-product-filter-block .search-container .search-main span {
              font-size: 24px;
              width: 20%; } }
          .store-main-section .left-product-filter-block .search-container .search-main span img {
            width: 50px;
            transition: 0.2s all;
            border: 2px solid #9FFDFF;
            border-radius: 8px;
            background-color: #9FFDFF; }
            .store-main-section .left-product-filter-block .search-container .search-main span img:hover {
              transform: scale(1.1);
              filter: brightness(10); }
        .store-main-section .left-product-filter-block .search-container .search-main input {
          background: linear-gradient(to bottom, #01565D, #004950);
          padding: 8px 12px;
          width: 100%;
          color: white;
          font-size: 18px;
          border: 2px solid #9FFDFF;
          margin-left: 5px; }
          @media (max-width: 820px) {
            .store-main-section .left-product-filter-block .search-container .search-main input {
              font-size: 24px; } }
          @media (max-width: 640px) {
            .store-main-section .left-product-filter-block .search-container .search-main input {
              font-size: 14px; } }
          .store-main-section .left-product-filter-block .search-container .search-main input:focus {
            background: linear-gradient(to bottom, #01565D, #004950);
            border: 2px solid #9FFDFF; }
    .store-main-section .left-product-filter-block .products-container {
      flex-wrap: wrap;
      height: max-content;
      gap: 2%;
      padding: 0 12px 12px; }
      @media (max-width: 640px) {
        .store-main-section .left-product-filter-block .products-container {
          gap: 0%; } }
      .store-main-section .left-product-filter-block .products-container .product-item {
        width: 32%;
        background: linear-gradient(to top, #004950, #01565D);
        padding: 24px;
        border: 2px solid transparent;
        transition: 0.3s all;
        margin-top: 10px; }
        @media (max-width: 820px) {
          .store-main-section .left-product-filter-block .products-container .product-item {
            width: 49%; } }
        @media (max-width: 640px) {
          .store-main-section .left-product-filter-block .products-container .product-item {
            width: 100%; } }
        .store-main-section .left-product-filter-block .products-container .product-item:hover {
          border: 2px solid #9FFDFF;
          transform: scale(1.02);
          cursor: pointer;
          background: linear-gradient(to top, #004950, #01565D); }
          .store-main-section .left-product-filter-block .products-container .product-item:hover button {
            border: 2px solid #004950 !important; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-img {
          max-width: 130px; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-title {
          color: white;
          padding: 10px 0;
          font-size: 24px;
          letter-spacing: 1px;
          font-family: "Crimson Text", serif;
          font-weight: 600; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-desc {
          color: #9ffdff;
          font-weight: 300;
          text-align: center;
          line-height: 150%;
          font-size: 14px;
          padding-bottom: 40px;
          height: 130px;
          overflow-y: auto;
          margin-bottom: 0; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-desc::-webkit-scrollbar {
          width: 8px; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-desc::-webkit-scrollbar-track {
          background-color: #1f061d;
          margin: 15px 0; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-desc::-webkit-scrollbar-thumb {
          background-color: #9FFDFF;
          border-radius: 6px; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-info .product-item-desc::-webkit-scrollbar-thumb:hover {
          background-color: #260a2c; }
        .store-main-section .left-product-filter-block .products-container .product-item .product-price-buy {
          display: flex;
          justify-content: space-between;
          width: 80%; }
          .store-main-section .left-product-filter-block .products-container .product-item .product-price-buy .product-item-price {
            font-size: 26px;
            color: white;
            font-weight: 600;
            border-bottom: 2px solid #9FFDFF;
            margin-bottom: 0; }
          .store-main-section .left-product-filter-block .products-container .product-item .product-price-buy button {
            width: 60%;
            padding: 6px 0;
            color: white;
            font-size: 16px;
            background: linear-gradient(to bottom, #004950, #01565D);
            border: 2px solid transparent;
            transition: 0.3s all; }
            .store-main-section .left-product-filter-block .products-container .product-item .product-price-buy button:hover {
              background: linear-gradient(to right, #004950, #01565D, #9FFDFF, #01565D, #004950);
              box-shadow: 0 0 14px #9ffdff;
              filter: brightness(1.5);
              border: 1px solid #9FFDFF;
              text-shadow: 0 0 10px white;
              font-weight: 800;
              color: black; }
    .store-main-section .left-product-filter-block .products-container::-webkit-scrollbar {
      width: 8px; }
    .store-main-section .left-product-filter-block .products-container::-webkit-scrollbar-track {
      background-color: #1f061d;
      margin: 15px 0; }
    .store-main-section .left-product-filter-block .products-container::-webkit-scrollbar-thumb {
      background-color: #9FFDFF;
      border-radius: 6px; }
    .store-main-section .left-product-filter-block .products-container::-webkit-scrollbar-thumb:hover {
      background-color: #260a2c; }
  .store-main-section .cart-container {
    font-size: 28px;
    background-image: url(./../images/hyperion/btn-bg.webp);
    background-size: cover;
    background-position: right;
    box-shadow: 0 0 15px #9ffdff;
    border-radius: 12px;
    height: max-content;
    padding-bottom: 30px; }
    @media (max-width: 1000px) {
      .store-main-section .cart-container {
        width: 90% !important;
        margin: auto;
        margin-top: 40px;
        height: 80vh;
        padding-bottom: 20px; } }
    .store-main-section .cart-container .cart-title {
      width: 100%;
      padding: 12px 0;
      border-bottom: 2px solid #9FFDFF;
      font-family: "Crimson Text", serif;
      font-weight: 600;
      background-image: url(./../images/hyperion/footer.webp);
      background-size: cover;
      background-position: bottom;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      text-shadow: 0 0 10px white;
      letter-spacing: 2px; }
      @media (max-width: 820px) {
        .store-main-section .cart-container .cart-title {
          font-size: 48px; } }
    .store-main-section .cart-container .cart-profile-data {
      padding: 24px 12px 12px; }
      @media (max-width: 1000px) {
        .store-main-section .cart-container .cart-profile-data {
          width: 80%;
          margin: auto;
          padding: 4px 12px 12px; } }
      @media (max-width: 640px) {
        .store-main-section .cart-container .cart-profile-data {
          width: 100%;
          margin: auto; } }
      .store-main-section .cart-container .cart-profile-data .cart-img {
        width: 12%; }
        @media (max-width: 640px) {
          .store-main-section .cart-container .cart-profile-data .cart-img {
            width: 20%; } }
      .store-main-section .cart-container .cart-profile-data .cart-input {
        width: 88%;
        background: linear-gradient(to right, #004950, #01565D);
        padding: 8px 12px;
        color: white;
        font-size: 18px;
        border: 2px solid #9FFDFF; }
        @media (max-width: 820px) {
          .store-main-section .cart-container .cart-profile-data .cart-input {
            font-size: 24px; } }
        @media (max-width: 640px) {
          .store-main-section .cart-container .cart-profile-data .cart-input {
            width: 80%; } }
        .store-main-section .cart-container .cart-profile-data .cart-input:focus {
          background: linear-gradient(to bottom, #004950, #01565D);
          border: 2px solid #9FFDFF; }
    .store-main-section .cart-container .cart-total-price {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 24px 12px 12px; }
      @media (max-width: 820px) {
        .store-main-section .cart-container .cart-total-price {
          width: 80%;
          margin: auto;
          padding: 8px 12px 12px; } }
      @media (max-width: 640px) {
        .store-main-section .cart-container .cart-total-price {
          width: 100%; } }
      .store-main-section .cart-container .cart-total-price p {
        width: 75%;
        padding: 4px 8px;
        border-bottom: 2px solid #9FFDFF;
        border-right: 2px solid #01565D;
        font-family: "Crimson Text", serif;
        font-weight: 600; }
        @media (max-width: 820px) {
          .store-main-section .cart-container .cart-total-price p {
            font-size: 40px; } }
        @media (max-width: 640px) {
          .store-main-section .cart-container .cart-total-price p {
            font-size: 28px;
            width: 65%; } }
      .store-main-section .cart-container .cart-total-price span {
        text-align: center;
        width: 25%;
        padding: 4px 8px;
        background: linear-gradient(to bottom, #004950, #01565D);
        border: 2px solid #01565D;
        border-left: none;
        font-size: 27px; }
        @media (max-width: 820px) {
          .store-main-section .cart-container .cart-total-price span {
            font-size: 26px;
            width: 35%; } }
    .store-main-section .cart-container .line {
      height: 5px;
      width: 75%;
      margin: auto;
      display: block;
      z-index: 999;
      background: linear-gradient(to right, #004950, #01565D); }
    .store-main-section .cart-container .cart-button {
      width: 80%;
      margin: auto;
      font-size: 20px;
      padding: 8px 10px;
      font-family: "Crimson Text", serif;
      font-weight: 600;
      color: white;
      transition: 0.3s all;
      border: 2px solid #01565D;
      box-shadow: 0 0 15px #9FFDFF;
      background: transparent;
      background-image: url(./../images/hyperion/footer.webp);
      background-size: cover;
      background-position: center;
      text-shadow: 0 0 5px #660080; }
      @media (max-width: 1000px) {
        .store-main-section .cart-container .cart-button {
          font-size: 32px;
          padding: 2px 10px; } }
      @media (max-width: 640px) {
        .store-main-section .cart-container .cart-button {
          font-size: 24px;
          width: 90%; } }
      .store-main-section .cart-container .cart-button:hover {
        border: 2px solid #01565D;
        letter-spacing: 2px;
        box-shadow: 0 0 15px #9FFDFF;
        background-image: url(./../images/hyperion/rectangle_1.webp);
        background-size: cover;
        text-shadow: 0 0 5px #6d0080; }
    .store-main-section .cart-container .btn-purchase {
      background-image: url(./../images/hyperion/footer.webp);
      background-position: top; }

@keyframes red-eye {
  0% {
    filter: saturate(0.75); }
  50% {
    filter: saturate(2); }
  100% {
    filter: saturate(0.75); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #01565D; } }
@keyframes levitate-animation {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, -5px, 0); } }
@keyframes burgi {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2);
    filter: saturate(2.5); }
  100% {
    transform: scale(1); } }
.terms-etc-title {
  background-image: url(./../images/hyperion/store-bg.webp);
  text-shadow: 0 0 10px black;
  border: 2px solid black;
  box-shadow: 0 0 15px black; }

.terms-title-spec {
  text-align: center;
  color: white;
  background-image: url(./../images/hyperion/store-bg.webp);
  text-shadow: 0 0 10px black;
  background-position: bottom;
  background-size: cover;
  box-shadow: 0 0 15px #9ffdff;
  border: 2px solid black;
  border-radius: 12px; }

.terms-etc-custom {
  color: #bdbdbd;
  text-shadow: 0 0 10px black;
  background: linear-gradient(to right, #01565D, #004950, #01565D);
  border: 2px solid #00000077;
  box-shadow: 0 0 15px black; }
  @media (max-width: 991px) {
    .terms-etc-custom {
      padding: 5px !important; } }
  .terms-etc-custom .table-content {
    background-image: url(./../images/hyperion/discord.webp);
    background-size: cover;
    border-radius: 12px;
    border: 2px solid #00000077;
    box-shadow: 0px 0px 15px black; }
    .terms-etc-custom .table-content .t-c-link {
      color: #fff0f3;
      text-shadow: 0 0 10px black;
      transition: 0.4s all;
      line-height: 200%; }
      .terms-etc-custom .table-content .t-c-link:hover {
        color: #f60a80;
        letter-spacing: 2px;
        padding-left: 10px;
        border-left: 10px solid #f60a80; }
  .terms-etc-custom .refund-custom-css b {
    color: white;
    font-size: 18px; }
  .terms-etc-custom .refund-custom-css .terms-link {
    color: pink; }
    .terms-etc-custom .refund-custom-css .terms-link:hover {
      color: #f60a80; }
  .terms-etc-custom .terms-link {
    color: pink; }
    .terms-etc-custom .terms-link:hover {
      color: #f60a80; }
  .terms-etc-custom h2, .terms-etc-custom h3, .terms-etc-custom h5 {
    text-align: center;
    color: white;
    text-shadow: 0 0 10px black;
    padding-bottom: 20px; }

.table-main {
  color: #e0dbdb;
  text-align: center;
  background-color: #16011a;
  border-radius: 12px;
  border: 2px solid black; }
  .table-main th {
    padding: 20px; }
    @media (max-width: 991px) {
      .table-main th {
        padding: 5px !important;
        font-size: 12px !important; } }
  .table-main td {
    padding: 20px;
    border: 2px solid #670774;
    text-shadow: 0 0 14px black;
    font-size: 16px; }
    @media (max-width: 991px) {
      .table-main td {
        padding: 5px !important;
        font-size: 10px !important; } }

.support-form {
  background: linear-gradient(to right, #2c0336, #620662, #2c0336);
  border: 2px solid #b00672;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(68, 68, 68, 0.576); }
  @media (max-width: 991px) {
    .support-form {
      width: 100% !important;
      padding: 15px !important; } }
  .support-form .contact-inputs {
    border: 2px solid #b00672;
    background-color: #200225;
    border-radius: 8px;
    color: white; }
    @media (max-width: 991px) {
      .support-form .contact-inputs {
        width: 100% !important; } }
    .support-form .contact-inputs::placeholder {
      color: rgba(158, 17, 193, 0.478) !important; }
  .support-form .contact-button {
    background: #bc58f2;
    width: 65%;
    margin: 8px 0 12px;
    margin-left: 17.5%;
    font-size: 24px;
    font-weight: bold;
    transition: 0.3s all;
    color: white;
    border: 2px solid #d351a3; }
    @media (max-width: 991px) {
      .support-form .contact-button {
        width: 80% !important; } }
    .support-form .contact-button:hover {
      color: #420963;
      letter-spacing: 2px;
      margin-left: 0%;
      width: 100%;
      background: linear-gradient(to right, #b048f1, #db68ed, #d98ae0, #db68ed, #b048f1);
      box-shadow: 0 0 14px rgba(255, 0, 212, 0.465);
      filter: brightness(1.5);
      border: 2px solid #b00672;
      text-shadow: 0 0 10px white; }

@media (max-width: 991px) {
  .hiscores-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px !important; } }
.hiscores-page .hiscores-tabs {
  background: linear-gradient(to right, #004950, #01565D, #004950);
  border: 2px solid #9FFDFF; }
  @media (max-width: 991px) {
    .hiscores-page .hiscores-tabs {
      padding: 5px !important;
      gap: 5px !important; } }
  .hiscores-page .hiscores-tabs .hiscore-tab {
    width: 300px;
    background: linear-gradient(to right, #004950, #01565D, #004950);
    color: white;
    transition: 0.3s all;
    border: 2px solid #0DA7B5;
    text-shadow: 0 0 10px black;
    box-shadow: 0 0 14px #0DA7B5; }
    .hiscores-page .hiscores-tabs .hiscore-tab:hover {
      letter-spacing: 3px;
      background: linear-gradient(to right, #004950, #01565D, #9FFDFF, #01565D, #004950);
      box-shadow: 0 0 14px #9FFDFF;
      filter: brightness(1.3);
      border: 2px solid #9FFDFF; }
  .hiscores-page .hiscores-tabs .hiscore-tab-active {
    letter-spacing: 3px;
    background: linear-gradient(to right, #004950, #01565D, #0DA7B5, #01565D, #004950);
    box-shadow: 0 0 14px #9FFDFF;
    filter: brightness(1.3);
    border: 2px solid #9FFDFF; }
@media (max-width: 991px) {
  .hiscores-page .hiscore-content {
    flex-direction: column !important; } }
@media (max-width: 991px) {
  .hiscores-page .hiscore-content .hiscores-list {
    width: 100% !important; } }
.hiscores-page .hiscore-content .hiscores-list .hiscore-ul {
  list-style: none;
  width: 100%;
  padding: 10px;
  background-color: black;
  border: 1px solid #9FFDFF;
  display: flex;
  flex-direction: column;
  gap: 5px; }
  .hiscores-page .hiscore-content .hiscores-list .hiscore-ul .hiscore-li {
    background: linear-gradient(to right, black, black, #004950);
    padding: 5px 10px;
    border: 1px solid #9FFDFF;
    transition: 0.3s all; }
    .hiscores-page .hiscore-content .hiscores-list .hiscore-ul .hiscore-li:hover {
      letter-spacing: 3px;
      cursor: pointer;
      border: 1px solid #01565D;
      background: linear-gradient(to right, black, #004950, #01565D); }
    .hiscores-page .hiscore-content .hiscores-list .hiscore-ul .hiscore-li a {
      text-decoration: none;
      color: white; }
  .hiscores-page .hiscore-content .hiscores-list .hiscore-ul .hiscore-li-active {
    letter-spacing: 3px;
    border: 2px solid #9FFDFF;
    background: linear-gradient(to right, black, #004950, #01565D); }
.hiscores-page .hiscore-content .hiscores-list .hiscore-title {
  border: 2px solid #9FFDFF;
  background-color: #01565D;
  background-position: bottom; }
.hiscores-page .hiscore-content .hiscores-list .hiscore-search {
  padding: 10px;
  background-color: black;
  border: 1px solid #9FFDFF; }
  .hiscores-page .hiscore-content .hiscores-list .hiscore-search .hiscore-search-input {
    background-color: #004950;
    border: 1px solid #9FFDFF;
    color: white; }
  .hiscores-page .hiscore-content .hiscores-list .hiscore-search .hiscore-search-btn {
    background: linear-gradient(to right, black, #004950, black);
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s all;
    color: white;
    border: 2px solid #9FFDFF;
    text-shadow: 0 0 10px black; }
    .hiscores-page .hiscore-content .hiscores-list .hiscore-search .hiscore-search-btn:hover {
      color: #004950;
      letter-spacing: 2px;
      background: linear-gradient(to right, #004950, #01565D, #9FFDFF, #01565D, #004950);
      box-shadow: 0 0 14px #0DA7B5;
      filter: brightness(1.5);
      border: 2px solid #9FFDFF;
      text-shadow: 0 0 10px white; }
@media (max-width: 991px) {
  .hiscores-page .hiscore-content .table-players {
    width: 100% !important; } }
.hiscores-page .hiscore-content .table-players .hiscore-title-2 {
  border: 2px solid #9FFDFF;
  background-image: url(./../images/hyperion/rectangle_1.webp);
  background-size: cover;
  background-position: center; }
  @media (max-width: 991px) {
    .hiscores-page .hiscore-content .table-players .hiscore-title-2 {
      width: 33% !important; } }
.hiscores-page .hiscore-content .table-players .table-body {
  background: linear-gradient(to right, black, #004950, black); }
  .hiscores-page .hiscore-content .table-players .table-body .table-info-line {
    border: 1px solid #9FFDFF;
    text-shadow: 0 0 10px black; }
    .hiscores-page .hiscore-content .table-players .table-body .table-info-line .medal-img {
      width: 30px; }
  .hiscores-page .hiscore-content .table-players .table-body .table-color-gold {
    background: linear-gradient(to right, #806d00, gold, black); }
  .hiscores-page .hiscore-content .table-players .table-body .table-color-silver {
    background: linear-gradient(to right, #505050, silver, black); }
  .hiscores-page .hiscore-content .table-players .table-body .table-color-bronze {
    background: linear-gradient(to right, #452702, #ad6002, black); }
.hiscores-page .hiscore-content .table-players .hiscore-pagination {
  background-color: black;
  padding: 10px;
  border: 1px solid #9FFDFF; }
  @media (max-width: 991px) {
    .hiscores-page .hiscore-content .table-players .hiscore-pagination {
      width: 100% !important; } }
  .hiscores-page .hiscore-content .table-players .hiscore-pagination .pag-btn {
    background: linear-gradient(to right, black, #004950, black);
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s all;
    color: white;
    border: 2px solid #9FFDFF;
    text-shadow: 0 0 10px black; }
    .hiscores-page .hiscore-content .table-players .hiscore-pagination .pag-btn:hover {
      color: #9FFDFF;
      letter-spacing: 2px;
      background: linear-gradient(to right, #004950, #01565D, #0DA7B5, #01565D, #004950);
      box-shadow: 0 0 14px #9FFDFF;
      filter: brightness(1.5);
      border: 2px solid #9FFDFF;
      text-shadow: 0 0 10px white; }

/*# sourceMappingURL=main.css.map */