@font-face {
    font-family: 'Varela Round'; /* Hoặc tên font khác */
      src: url('/static/font/varela-round.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    /* THÊM DÒNG DƯỚI ĐÂY VÀO: */
    font-display: swap;
}

  address,
  dl,
  ol,
  p,
  pre,
  ul {
      margin-bottom: 1rem
  }

  body,
  caption {
      text-align: left
  }

  button,
  hr,
  input {
      overflow: visible
  }

  pre,
  textarea {
      overflow: auto
  }

  .hn2315game-infor a,
  article,
  aside,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  legend,
  main,
  nav,
  section {
      display: block
  }

  address,
  legend {
      line-height: inherit
  }

  progress,
  sub,
  sup {
      vertical-align: baseline
  }

  dl,
  ol,
  p,
  pre,
  ul {
      margin-top: 0
  }

  fieldset,
  legend,
  ol {
      padding: 0
  }

  html {
      -webkit-text-size-adjust: 100%;
      font-family: sans-serif;
      line-height: 1.15;
      -webkit-tap-highlight-color: transparent
  }

  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  label,
  legend {
      margin-bottom: .5rem
  }

  .gameInfoRow,
  .header,
  .hn2315-header,
  .hn2315-main,
  .hn2315game-modes,
  .row-footer,
  .title-game,
  .widthfull,
  legend,
  select {
      width: 100%
  }

  .main-footer,
  .tag-detail-content {
      contain: layout paint;
      content-visibility: auto
  }

  .tag-detail,
  html {
      scrollbar-color: #aaadbe
  }

  *,
  ::after,
  ::before {
      box-sizing: border-box;
      box-sizing: inherit
  }

  .hn2315game-link,
  hr {
      box-sizing: content-box
  }

  body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
  }

  [tabindex="-1"]:focus:not(:focus-visible) {
      outline: 0 !important
  }

  hr {
      height: 0
  }

  abbr[data-original-title],
  abbr[title] {
      text-decoration: underline;
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
      cursor: help;
      border-bottom: 0;
      -webkit-text-decoration-skip-ink: none;
      text-decoration-skip-ink: none
  }

  .paginate a,
  a,
  a:hover {
      -webkit-text-decoration: none
  }

  .all-tag a,
  .btn-fullscreen,
  .btn-showmore,
  .content-page a,
  .css-ds7ni7 a:not(.MuiButton-root),
  .gameInfoContainer a,
  .name-menu-footer,
  .paginate a,
  .paging-row,
  .tag-detail-content a,
  a,
  a:hover {
      text-decoration: none
  }

  .btn-fullscreen,
  .btn-menu-left,
  .btn-showmore,
  .full-screen,
  .menu-common:hover,
  [role=button],
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled),
  a,
  button:not(:disabled),
  summary {
      cursor: pointer
  }

  address {
      font-style: normal
  }

  .gameInfoContainer p,
  .hn2315game-modes p,
  a,
  body,
  fieldset,
  ol {
      margin: 0
  }

  ol ol,
  ol ul,
  ul ol,
  ul ul {
      margin-bottom: 0
  }

  b,
  dt,
  strong {
      font-weight: 700
  }

  dd {
      margin-left: 0
  }

  blockquote,
  figure {
      margin: 0 0 1rem
  }

  small {
      font-size: 80%
  }

  sub,
  sup {
      position: relative;
      font-size: 75%;
      line-height: 0
  }

  .btn-fullscreen,
  img,
  svg {
      vertical-align: middle
  }

  sub {
      bottom: -.25em
  }

  sup {
      top: -.5em
  }

  a:hover {
      color: #0056b3
  }

  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
      color: inherit;
      text-decoration: none
  }

  code,
  kbd,
  pre,
  samp {
      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size: 1em
  }

  pre {
      -ms-overflow-style: scrollbar
  }

  .hn2315game-link,
  .hn2315game-title,
  .overflow_hidden,
  svg {
      overflow: hidden
  }

  img {
      border-style: none
  }

  table {
      border-collapse: collapse
  }

  caption {
      padding-top: .75rem;
      padding-bottom: .75rem;
      color: #6c757d;
      caption-side: bottom
  }

  th {
      text-align: inherit
  }

  .jq-stars,
  .paginate li,
  label,
  output {
      display: inline-block
  }

  button {
      border-radius: 0
  }

  button,
  input,
  optgroup,
  select,
  textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
  }

  button,
  select {
      text-transform: none
  }

  select {
      word-wrap: normal
  }

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

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

  input[type=checkbox],
  input[type=radio] {
      box-sizing: border-box;
      padding: 0
  }

  textarea {
      resize: vertical
  }

  fieldset {
      min-width: 0;
      border: 0
  }

  legend {
      max-width: 100%;
      font-size: 1.5rem;
      color: inherit;
      white-space: normal
  }

  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
      height: auto
  }

  [type=search] {
      outline-offset: -2px;
      -webkit-appearance: none
  }

  [type=search]::-webkit-search-decoration {
      -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button
  }

  summary {
      display: list-item
  }

  template {
      display: none
  }

  .hidden,
  [hidden] {
      display: none !important
  }

  footer,
  header {
      font: 700 1rem "Varela Round"
  }

  ol,
  p,
  ul {
      line-height: 1.6
  }

  a {
      background-color: transparent;
      line-height: inherit;
      color: #fff
  }

  dl,
  ol,
  ul {
      padding-left: 40px
  }

  button:focus {
      outline: -webkit-focus-ring-color auto 5px;
      line-height: 1.5;
      outline: 0
  }

  button,
  input,
  select,
  textarea {
      font-family: inherit;
      font-size: 100%;
      border: 0
  }

  input[type=file],
  select {
      margin: 0 0 1em
  }

  input::placeholder {
      text-transform: none
  }

  html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      box-sizing: border-box;
      scrollbar-width: thin
  }

  body {
      color: #f9faff;
      font: 400 14px/1.5 "Varela Round";
      letter-spacing: .00938em;
      overflow-y: auto;
      font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif;
      background-image: url(https://www.transparenttextures.com/patterns/light-wool.png)
  }

  button,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-weight: 900;
      color: #fff;
      margin-top: 0;
      margin-block: 0
  }

  @media print {
      body {
          background-color: #fff
      }
  }

  body::backdrop {
      background-color: #0c0d14
  }

  @font-face {
      font-family: Nunito-fallback;
      size-adjust: 101.44000000000005%;
      ascent-override: 109%;
      src: local("Arial")
  }

  html::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background: #fff0
  }

  html::-webkit-scrollbar-thumb {
      background: #aaadbe;
      border-radius: 30px
  }

  html::-webkit-scrollbar-corner {
      background: #fff0
  }

  h1 {
      font-size: 24px;
      line-height: 31px
  }

  h2 {
      font-size: 1.2rem
  }

  @media (max-width:1509.95px) {
      h2 {
          font-size: .875rem
      }
  }

  ::placeholder {
      color: #aaadbe;
      opacity: 1
  }

  :-ms-input-placeholder {
      color: #aaadbe
  }

  ::-ms-input-placeholder {
      color: #aaadbe
  }

  .hn2315-header {
      z-index: 11;
      position: fixed
  }

  .left {
      float: left
  }

  .right {
      float: right
  }

  .unset {
      float: unset;
      display: inline-block
  }

  .relative {
      position: relative
  }

  .absolute {
      position: absolute
  }

  .hn2315Container-post {
      max-width: 850px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto
  }

  .hn2315Container-row {
      width: 100%;
      overflow: hidden
  }

  .flex {
      display: flex
  }

  .flex-nowrap {
      flex-wrap: nowrap
  }

  .flex-jus-center {
      display: flex;
      justify-content: center
  }

  .flex-align-center {
      align-items: center
  }

  .flex-wrap {
      flex-wrap: wrap
  }

  .flex-column {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .padding_top_8 {
      padding-top: 8px
  }

  .header {
      z-index: 11;
      position: fixed;
      background: rgb(33 34 51/.9);
      backdrop-filter: blur(8px);
      top: 0;
      left: auto;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      align-items: center;
      height: 60px;
      min-height: 60px;
      box-shadow: 0 3px 3px-2px rgb(0 0 0/20%), 0 3px 4px 0 rgb(0 0 0/14%), 0 1px 8px 0 rgb(0 0 0/12%)
  }

  .tag-detail-content,
  body {
      background-color: #13141e
  }

  .header-menu-logo {
      display: flex;
      flex-direction: row;
      padding-left: 8px;
      align-items: center
  }

  .menu-menu-head {
      width: 80%;
      display: none;
      flex-direction: row
  }

  .menu-content {
      display: flex;
      justify-content: center;
      flex-wrap: wrap
  }

  .item-menu {
      padding: 0 10px
  }

  .item-menu a:hover {
      color: #f7e52e
  }

  .hn2315Container-section {
      padding-left: 8px;
      overflow-x: hidden;
      padding-bottom: 64px;
      padding-top: 8px;
      width: 100%
  }

  .hn2315game-infor {
      margin: 3px
  }

  .hn2315game-content {
      display: block;
      position: relative;
      border: 2px solid #fff0;
      border-radius: 8px
  }

  .hn2315game-img img {
      transition-delay: 0s;
      z-index: 1;
      border-radius: 8px;
      position: absolute;
      bottom: 0;
      color: #fff0;
      object-fit: cover
  }

  .hn2315game-title {
      text-align: center;
      display: none;
      color: #fff;
      position: absolute;
      bottom: 5px;
      margin-bottom: 8px;
      margin-left: 6px;
      z-index: 4;
      font-size: 12px;
      font-weight: 700;
      width: 90px;
      height: auto;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .hn2315game-infor:hover.hn2315game-title {
      display: block
  }

  .hn2315game-infor:hover.hn2315game-content {
      transform: scale(1.1);
      cursor: pointer;
      border: 2px solid #6842ff;
      z-index: 10;
      transition: transform .2s cubic-bezier(.5, 0, .1, 1) .5s;
      border-radius: 10px
  }

  .hn2315game-link {
      display: block;
      margin: 2px;
      border: 2px solid #fff0;
      position: relative
  }

  .hn2315game-link:hover {
      transform: scale(1.15);
      cursor: pointer;
      border: 2px solid #6842ff;
      z-index: 10;
      transition: transform .2s cubic-bezier(.5, 0, .1, 1) .5s;
      border-radius: 10px
  }

  .hn2315game-link:hover.hn2315game-title {
      display: block
  }

  .hn2315Container-main {
      margin-top: 60px;
      width: 100%
  }

  .padding-left-0 {
      padding-left: 0 !important
  }

  .main-section {
      padding-bottom: 20px;
      position: relative;
      width: 100%
  }

  .right-ads-games {
      width: 380px;
      padding-right: 18px
  }

  .main-footer {
      padding: 8px;
      min-height: 80px;
      font-size: 14px;
      contain-intrinsic-size: 0 32px;
      width: 100%;
      height: 100%;
      box-shadow: 0-1px 0 #1a1b28;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      overflow-anchor: none
  }

  .menu-list,
  .row-footer-logo,
  .row-footer-menu,
  .tag-row-popular {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
  }

  .padding-left-8 {
      padding-left: 8px
  }

  .padding-16 {
      padding: 16px
  }

  .tag-content-title {
      padding: 16px 16px 0
  }

  .tag-title {
      margin-right: 16px
  }

  .tag-excerpt {
      margin-top: 8px;
      color: #aaadbe;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-transition: .3s ease-out;
      transition: .3s ease-out
  }

  .tag-hn2315Container-popular {
      padding: 0;
      margin: 4px 0 0;
      content-visibility: auto;
      contain-intrinsic-size: 168px;
      contain: layout paint;
      overflow: hidden;
      position: relative;
      height: 168px
  }

  .tag-row-popular {
      padding-left: 8px;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100%
  }

  .tag-row-popular.tag-title-popular {
      align-self: flex-end;
      padding-right: 16px;
      padding-bottom: 3px
  }

  .tag-content-popular {
      position: relative;
      overflow-y: hidden;
      z-index: 2
  }

  .prime-carousel-ul li.prime-carousel-li {
      list-style: none;
      display: inline-block;
      box-sizing: border-box;
      scroll-snap-align: center;
      vertical-align: middle;
      position: relative
  }

  .prime-carousel-ul {
      margin-block-end: 0;
      padding: 10px 8px;
      overflow: scroll hidden;
      width: 100%;
      white-space: nowrap;
      list-style: none;
      transform: translateZ(0);
      scroll-padding: 50px;
      margin: 0;
      -ms-overflow-style: none;
      scrollbar-width: none
  }

  .prime-carousel-ul::-webkit-scrollbar {
      display: none
  }

  .prime-carousel-width {
      width: calc(186px)
  }

  .prime-carousel-column {
      height: calc(112px);
      display: flex;
      flex-direction: column
  }

  .iconhide,
  .prime-carousel-column a,
  .toggle-icon.iconshow {
      display: block
  }

  .tag-detail-content {
      margin: 16px;
      contain-intrinsic-size: 400px;
      overflow-anchor: none;
      border-radius: 10px;
      height: 250px;
      position: relative;
      color: #aaadbe;
      font-size: 16px
  }

  .height-auto {
      height: auto
  }

  .tag-detail {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 30px 30px 60px;
      scrollbar-width: thin
  }

  .tag-detail-content h2,
  .tag-detail-content h3 {
      color: #e5e6ee;
      font-weight: 800;
      font-size: 16px
  }

  .css-ds7ni7 a:not(.MuiButton-root),
  .tag-detail-content a {
      -webkit-text-decoration: none;
      color: #a48eff;
      font-weight: 700
  }

  .tag-detail-content p {
      color: #aaadbe;
      font-size: 16px
  }

  .row-footer-logo {
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex
  }

  .row-footer-menu {
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: end;
      justify-content: end;
      width: inherit;
      padding: 8px;
      font-size: 15px
  }

  .select-language {
      align-items: center;
      width: inherit
  }

  .tag-detail::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      background: #fff0
  }

  .tag-detail::-webkit-scrollbar-corner {
      background: #fff0
  }

  .tag-detail::-webkit-scrollbar-thumb {
      background: #aaadbe;
      border-radius: 30px
  }

  .btn-showMoreDetail {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 4px;
      background: linear-gradient(180deg, #fff0 0, #13141e 35.42%);
      height: 80px;
      padding-top: 40px;
      padding-left: 30px
  }

  .btn-showmore {
      background: #fff0;
      color: #a48eff;
      font-weight: 700
  }

  .all-tag a:hover,
  .btn-cancel:hover,
  .btn-showmore:hover,
  .content-page a:hover,
  .gameInfoContainer a:hover {
      color: #6842ff
  }

  .menu-list {
      width: 100%;
      height: calc(100%-46px);
      display: flex;
      padding-top: 16px;
      padding-bottom: 30px;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      overflow: auto;
      overflow-x: hidden
  }

  .menu-common,
  .menu-common svg {
      height: 34px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
  }

  .menu-list::-webkit-scrollbar {
      width: 0;
      height: 0
  }

  .menu-list::-webkit-scrollbar-thumb {
      border-radius: 30px
  }

  .menu-list:hover::-webkit-scrollbar-corner {
      background: #fff0
  }

  .menu-list:hover::-webkit-scrollbar-thumb {
      background: #aaadbe;
      border-radius: 30px
  }

  .menu-list:hover::-webkit-scrollbar {
      width: 3px;
      height: 3px;
      background: #fff0
  }

  .menu-common {
      display: flex;
      -webkit-box-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      width: 200px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-left-width: 6px;
      border-left-style: solid;
      border-left-color: #fff0
  }

  .menu-common:hover {
      color: #ccc
  }

  .menu-common:hover svg {
      color: #6c6e7e
  }

  .menu-common:hover[class*=LabelContainer] {
      -webkit-transform: translate(8px, 0);
      -moz-transform: translate(8px, 0);
      -ms-transform: translate(8px, 0);
      transform: translate(8px, 0)
  }

  .menu-common svg {
      width: 60px;
      padding: 0 19px;
      text-align: center;
      margin-left: -6px;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #878a9e
  }

  .btn-menu-left svg,
  .menu-icon {
      height: 24px;
      width: 24px
  }

  .menu-common.LabelContainer {
      -webkit-transition: visibility, opacity .3s, .2s ease-in-out;
      transition: visibility, opacity .3s, .2s ease-in-out;
      opacity: 0;
      visibility: hidden;
      font-size: 15px;
      font-weight: 600;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 120px
  }

  .menu-active {
      border-left-color: #a48eff
  }

  .menu-active svg,
  .menu-active:hover svg {
      color: #a48eff
  }

  .menu-active.LabelContainer {
      transform: none !important;
      color: #a48eff
  }

  .icon-btn-backtogame,
  .icon-menu,
  .menu-icon {
      display: inline-block;
      fill: currentcolor
  }

  .btn-menu-left {
      border-radius: 30px;
      -webkit-transition: 250ms;
      transition: 250ms;
      border: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: Nunito;
      font-weight: 800;
      font-size: 16px;
      box-sizing: border-box;
      padding: 0;
      background: #fff0;
      color: #eff0f7;
      height: 48px;
      width: 48px;
      margin-right: 4px
  }

  .btn-fullscreen,
  .input {
      font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif;
      outline: 0
  }

  #popupembed,
  #popupshare,
  .iconshow,
  .name-btnnext,
  .name-btnpre,
  .toggle-icon.iconhide {
      display: none
  }

  .logo-menu {
      display: flex;
      -webkit-box-pack: start;
      display: -webkit-box;
      display: -webkit-flex;
      justify-content: start;
      margin: 0 8px;
      border-radius: 5px;
      overflow: hidden
  }

  .logo-menu img {
      background: #0f0;
      width: 120px;
      height: 40px;
      object-fit: cover;
      transition: .5s
  }

  .logo-menu:hover>img {
      transform: scale(1.2) rotate(5deg)
  }

  .search-menu {
      height: 40px;
      transition: .1s ease-in-out
  }

  .background-text {
      background-color: #46b8da;
      display: flex;
      align-items: flex-end
  }

  .form-input {
      padding-left: 16px;
      border-radius: 30px;
      fill: #aaadbe;
      height: 40px;
      position: relative;
      padding-top: 7px;
      background-color: #373952;
      border-color: #fff0;
      border-style: solid;
      border-width: 1px;
      margin-right: 15px;
      width: 201px
  }

  .btn-submit {
      position: absolute;
      right: 0;
      color: #aaadbe;
      height: 36px;
      width: 36px;
      padding: 7px 6px 6px;
      margin-top: -7px;
      background: #fff0
  }

  .btn-submit svg {
      height: 20px;
      width: 20px
  }

  .input {
      width: 100%;
      background: #fff0;
      color: #f9faff;
      font-weight: 700;
      font-size: 16px
  }

  .paging-hn2315Container {
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      margin: 24px 0;
      content-visibility: auto;
      contain: layout paint;
      contain-intrinsic-size: 50px
  }

  .paging-row {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      color: #fff
  }

  .paging-next,
  .paging-number,
  .paging-pre {
      display: flex;
      -webkit-box-align: center;
      border-radius: 50px;
      height: 50px;
      margin: 5px
  }

  .paging-next,
  .paging-pre {
      transition: .1s ease-in;
      font-weight: 800;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      border: 2px solid #fff0;
      padding: 8px 20px;
      background: #6842ff;
      width: unset;
      font-size: 20px
  }

  .paging-number,
  .paging-number-active {
      transition: .1s ease-in;
      font-weight: 800;
      padding: 8px;
      font-size: 20px
  }

  .btn-close-popup:hover,
  .btn-copy:hover,
  .paging-next:hover,
  .paging-pre:hover {
      background: #8668ff
  }

  .paging-number {
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      border: 2px solid #fff0;
      background: #2f3148;
      width: 50px
  }

  .icon-next,
  .icon-pre {
      display: inline-block;
      fill: currentcolor;
      height: 24px;
      width: 24px;
      margin-right: 8px
  }

  .paging-number:hover {
      background: #434561
  }

  .paging-number-active {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      border-radius: 50px;
      border: 3px solid #6842ff;
      background: #fff0;
      width: 50px;
      height: 50px;
      margin: 5px
  }

  .hn2315game-center {
      justify-content: center;
      flex-direction: column;
      transition: .3s
  }

  .hn2315game-toolbar {
      display: flex;
      flex-flow: row nowrap;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      user-select: none;
      box-sizing: content-box;
      background: #212233;
      z-index: 1;
      transition: .2s ease-in-out;
      height: 45px
  }

  .hn2315game-logo {
      box-sizing: border-box;
      padding-left: 5px
  }

  .hn2315game-logo-content {
      font-size: 24px;
      height: 45px;
      margin: 0;
      display: flex;
      align-items: center;
      overflow: hidden
  }

  .hn2315game-logo-content img {
      object-fit: cover;
      height: 35px
  }

  .hn2315game-name {
      font-size: 1rem;
      font-weight: 900;
      margin-left: 8px;
      overflow: hidden;
      white-space: nowrap
  }

  .btn-fullscreen,
  .full-screen,
  .toolbar {
      margin: 0;
      box-sizing: border-box
  }

  .containner-toolbar {
      box-sizing: border-box;
      padding-right: 8px
  }

  .toolbar {
      display: flex;
      flex-flow: row nowrap;
      width: 100%;
      justify-content: space-around
  }

  .full-screen {
      flex-direction: row;
      height: 45px;
      overflow: hidden;
      font-weight: 700
  }

  .btn-fullscreen {
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      -webkit-tap-highlight-color: #fff0;
      background-color: #fff0;
      border: 0;
      user-select: none;
      appearance: none;
      font-weight: 500;
      font-size: 1rem;
      text-transform: uppercase;
      border-radius: 4px;
      transition: background-color 250ms cubic-bezier(.4, 0, .2, 1), box-shadow 250ms cubic-bezier(.4, 0, .2, 1), border-color 250ms cubic-bezier(.4, 0, .2, 1), color 250ms cubic-bezier(.4, 0, .2, 1);
      line-height: 15px;
      height: 15px;
      min-height: 45px;
      display: inline-block;
      min-width: 44px;
      padding: 0;
      color: #f9faff
  }

  .full-screen svg {
      user-select: none;
      width: 24px;
      height: 24px;
      fill: #fff;
      transition: fill .2s cubic-bezier(.4, 0, .2, 1);
      font-size: 1.71429rem
  }

  .full-screen:hover svg {
      fill: #8668ff
  }

  .ads-center {
      height: 100px
  }

  .advertisement {
      width: 380px;
      justify-content: center;
      display: none
  }

  .hn2315game-search-return,
  .hn2315game-similar {
      flex-flow: row wrap;
      content-visibility: visible
  }

  .hn2315game-similar {
      display: flex;
      box-sizing: border-box
  }

  .content-page {
      margin: 16px;
      padding: 16px;
      background: #12121c
  }

  .content-page li,
  .content-page p {
      line-height: 2rem
  }

  .content-page a {
      -wekit-text-decoration: none;
      color: #a48eff;
      font-weight: 700
  }

  .content-search {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      flex-direction: column;
      min-height: 50vh;
      padding-left: 8px
  }

  .MuiInput-input input {
      border-radius: 8px;
      outline: 0;
      padding: 16.5px 14px;
      width: 100%;
      font-size: 16px;
      font-weight: 700;
      min-height: 50px;
      border: 2px solid #fff0;
      background-color: rbg(229, 230, 238);
      color: rbg(135, 138, 158)
  }

  .MuiInput-input:hover input,
  .share-textarea:hover {
      background-color: #eff0f7
  }

  .MuiInput-input input:focus {
      border: 2px solid
  }

  .btn-embed,
  .btn-search,
  .btn-share {
      border-radius: 30px;
      transition: 250ms;
      font-family: Nunito;
      font-weight: 800;
      box-sizing: border-box;
      cursor: pointer
  }

  .btn-search {
      border: none;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-size: 16px;
      padding: 0;
      background: #fff0;
      color: #a48eff;
      height: 48px;
      width: 48px
  }

  .btn-search svg {
      height: 24px;
      width: 24px;
      display: inline-block;
      fill: currentcolor
  }

  .row-hn2315game-content {
      margin-top: 16px
  }

  .games-below,
  .no-results {
      text-align: center;
      font-size: 1rem
  }

  .no-results {
      font-size: 1.2rem;
      margin: 24px 0
  }

  .hn2315game-search-return {
      display: flex;
      box-sizing: border-box;
      margin-left: 4px;
      padding: 0;
      -webkit-box-pack: center;
      justify-content: center;
      margin-top: 16px
  }

  .gameInfo,
  .group-btn,
  .title-game {
      padding-bottom: 8px
  }

  .hn2315game-return.hn2315game-content {
      border-radius: calc(10px);
      border-width: 2px;
      border-style: solid;
      border-color: #fff0;
      box-sizing: border-box;
      display: block;
      position: relative;
      contain: layout;
      z-index: 0;
      transition: transform .1s cubic-bezier(.5, 0, .1, 1);
      background-color: rgb(255 255 255/.07);
      background-clip: padding-box;
      margin-left: 0;
      margin-top: 0;
      width: 178px;
      height: 100px;
      padding: 0
  }

  .hn2315game-return:hover.hn2315game-title {
      display: block
  }

  .hn2315game-return:hover.hn2315game-content {
      transform: scale(1.4);
      cursor: pointer;
      border: 2px solid #6842ff;
      z-index: 10;
      transition: transform .2s cubic-bezier(.5, 0, .1, 1) .5s;
      border-radius: 10px
  }

  .hn2315game-bottom-right {
      display: none;
      width: 372px
  }

  .gameInfoContainer {
      display: flex;
      flex-flow: row wrap;
      background-color: #1a1b28;
      border-width: 0;
      border-radius: 8px;
      color: #fff;
      padding-right: 8px;
      padding-left: 24px;
      width: 100%;
      position: relative;
      margin: 6px auto;
      line-height: 1.5
  }

  .gameInfo {
      justify-content: space-between;
      flex-wrap: wrap;
      padding-top: 16px
  }

  .group-btn {
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: start;
      justify-content: flex-start;
      padding-top: 8px
  }

  .btn-embed,
  .btn-share {
      border: none;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-size: 16px;
      padding: 8px 16px;
      background: #373952;
      color: #f9faff;
      height: 40px
  }

  .btn-embed {
      margin-left: 16px
  }

  .btn-embed:hover,
  .btn-share:hover {
      background: #212233
  }

  .btn-embed svg,
  .btn-share svg {
      display: inline-block;
      fill: currentcolor;
      height: 20px;
      width: 20px;
      margin-right: 8px
  }

  .hn2315game-detail {
      max-width: 100%;
      padding: 8px 0
  }

  .hn2315game-rate {
      display: flex;
      min-height: 29px
  }

  .hn2315game-rate.name {
      color: #767a8e;
      width: 110px;
      flex-shrink: 0
  }

  .hn2315game-rate.content {
      display: flex;
      -webkit-box-align: baseline;
      align-items: baseline
  }

  .mui-divider {
      margin: 4px 0 20px;
      flex-shrink: 0;
      border-width: 0 0 thin;
      border-style: solid;
      border-color: rgb(255 255 255/.12);
      width: calc(100%-16px)
  }

  .hn2315game-description {
      margin-block-end: 1em
  }

  .all-tag a,
  .gameInfoContainer a {
      color: #a48eff;
      font-weight: 700
  }

  .hn2315game-tag-relate {
      display: flex;
      flex-wrap: wrap;
      width: calc(100%-139px);
      margin: 16px 0
  }

  .btn-close-popup,
  .btn-tag-relate {
      -webkit-box-pack: center;
      font-weight: 800;
      box-sizing: border-box;
      cursor: pointer
  }

  .box-tag {
      transform: scale(.9)
  }

  .box-tag a,
  .gameInfo,
  .hn2315game-link:hover,
  .hn2315game-link:hover .hn2315game-title {
      display: block
  }

  .btn-tag-relate {
      border-radius: 30px;
      transition: 250ms;
      border: none;
      display: flex;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-family: Nunito;
      background: #474853;
      margin-bottom: 8px;
      margin-right: 4px;
      margin-left: 4px;
      height: 32px
  }

  .btn-tag-relate:hover {
      background-color: #12121c
  }

  .img-tag-relate {
      position: relative;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: Roboto, Helvetica, Arial, sans-serif;
      font-size: 1.25rem;
      line-height: 1;
      border-radius: 50%;
      overflow: hidden;
      user-select: none;
      width: 24px;
      height: 24px;
      margin-right: 8px
  }

  .img-tag-relate img {
      width: 100%;
      height: 100%;
      text-align: center;
      object-fit: cover;
      color: #fff0;
      text-indent: 10000px
  }

  .btn-tag-relate p {
      font-size: 11.2px;
      font-weight: 700;
      color: #fff
  }

  .popup-share-hn2315Container {
      padding: 32px;
      position: fixed;
      z-index: 1300;
      inset: 0;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center
  }

  .popup-share-backgroud {
      z-index: -1;
      position: fixed;
      inset: 0;
      background-color: rgb(0 0 0/.5);
      transition: background-color 225ms cubic-bezier(.4, 0, .2, 1);
      -webkit-tap-highlight-color: #fff0
  }

  .btn-cancel,
  .btn-close-popup,
  .btn-copy {
      transition: 250ms;
      display: flex;
      font-size: 16px
  }

  .popup-share {
      position: relative;
      padding: 8px;
      max-height: calc(100%-64px);
      max-width: 100%;
      display: flex;
      flex-direction: column;
      outline: 0
  }

  .popup-share-content {
      overflow-y: auto;
      background-color: #f9faff;
      color: #666a7f;
      border-radius: 4px;
      max-width: 600px
  }

  .close-popup {
      position: absolute;
      top: 0;
      right: 0;
      width: 38px;
      height: 38px;
      background-color: #fff;
      border-radius: 50%;
      border: 4px solid #f9faff;
      z-index: 1
  }

  .btn-close-popup {
      border-radius: 30px;
      border: none;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-family: Nunito;
      background: #6842ff;
      color: #f9faff;
      padding: 0;
      width: 30px;
      min-width: 30px;
      height: 30px
  }

  .btn-close-popup svg {
      margin-right: 0;
      height: 20px;
      width: 20px;
      display: inline-block;
      fill: currentcolor
  }

  .share-hn2315Container {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 24px;
      margin-bottom: 32px
  }

  .share-hn2315Container h1 {
      margin-bottom: 16px;
      text-align: center;
      color: #2f3148
  }

  .share-content {
      max-width: 100%;
      width: 400px
  }

  .share-icon button {
      background-color: #fff0;
      border: none;
      padding: 0;
      font: inherit;
      color: inherit;
      cursor: pointer;
      margin: 0 4px;
      transition: opacity .2s;
      opacity: .9
  }

  .css-t9s2qs p,
  .name-tag p {
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 1.5
  }

  .share-icon button:hover {
      z-index: 2;
      opacity: 1
  }

  .group-btn-share {
      padding: 0 20px 20px
  }

  .share-link {
      display: flex;
      margin-bottom: 8px;
      margin-top: 16px;
      width: 100%
  }

  .share-textarea {
      border-radius: 8px;
      outline: 0;
      padding: 16.5px 14px;
      width: 100%;
      font-size: 16px;
      font-weight: 700;
      min-height: 50px;
      border: 2px solid #fff0;
      background-color: #e5e6ee;
      color: #878a9e;
      font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif
  }

  .btn-cancel,
  .btn-copy {
      -webkit-box-pack: center;
      padding: 8px 16px;
      width: 100%
  }

  .btn-cancel,
  .btn-copy,
  .button-anim {
      font-family: Nunito;
      font-weight: 800;
      box-sizing: border-box;
      height: 50px;
      cursor: pointer
  }

  .share-textarea:focus {
      border: 2px solid #6842ff;
      background-color: #eff0f7
  }

  .btn-copy {
      border: none;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      background: #6842ff;
      color: #f9faff;
      border-radius: 30px
  }

  .btn-cancel {
      border: none;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      background: #fff0;
      color: #a48eff;
      margin-top: 4px;
      border-radius: 30px
  }

  @media (min-width:1359px) and(max-width:1559px) {
      .hn2315game-bottom-right {
          display: block
      }

      .hn2315game-bottom-left {
          width: 950px
      }
  }

  @media (min-width:1200px) and(max-width:1359px) {
      .hn2315game-bottom-right {
          display: block;
          width: 186px
      }

      .hn2315game-bottom-left {
          width: 950px
      }
  }

  .name-menu-footer {
      color: #878a9e;
      margin: 2px 10px;
      cursor: pointer
  }

  .name-menu-footer:hover {
      opacity: .8
  }

  .icon-backtotop {
      font-size: 20px;
      padding-right: 3px;
      margin-top: -5px
  }

  .btn-backtogame {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 10;
      transition: opacity .4s;
      opacity: 1
  }

  .opacity-0 {
      opacity: 0%
  }

  .button-anim {
      border-radius: 30px;
      transition: 250ms;
      border: none;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-size: 16px;
      padding: 8px 16px;
      background: #6842ff;
      color: #f9faff;
      box-shadow: rgb(0 0 0/20%) 0 10px 40px;
      animation-duration: 1.5s;
      animation-iteration-count: 4;
      animation-name: animation-btn;
      animation-timing-function: ease;
      width: auto
  }

  .button-anim svg {
      height: 20px;
      width: 20px;
      margin-right: 1px;
      position: static
  }

  .button-anim:hover {
      animation-name: none;
      background: #8668ff
  }

  @keyframes animation-btn {

      0%,
      100%,
      50%,
      64% {
          transform: scale(1, 1) translateY(0)
      }

      10% {
          transform: scale(1.03, .97) translateY(0)
      }

      30% {
          transform: scale(.97, 1.03) translateY(-30px)
      }

      57% {
          transform: scale(1, 1) translateY(-3px)
      }
  }

  .hn2315Container-404 {
      padding: 16px 16px 16px 24px
  }

  .all-tag {
      margin-top: 16px;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      justify-content: center;
      overflow: initial
  }

  .tag-link-popular {
      border-radius: 6px;
      position: relative;
      width: 178px;
      margin: 4px;
      height: 48px;
      background-color: #6842ff;
      color: #fff;
      transition: background-color .2s ease-in;
      display: flex;
      flex-direction: row;
      font-weight: 700
  }

  .css-1hmbo15:hover,
  .tag-link-popular:hover {
      background-color: #241759
  }

  .css-1hmbo15 img,
  .tag-link-popular img {
      height: 48px;
      width: 65px;
      object-fit: cover;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px
  }

  .name-tag {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 113px;
      text-align: center;
      padding: 4px
  }

  .name-tag p {
      font-size: 11.2px;
      width: 100%;
      text-align: center;
      margin-block: 0;
      display: -webkit-box
  }

  .force-full-screen {
      position: fixed !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 999999;
      top: 0 !important;
      border: 0 !important;
      left: 0 !important;
      right: 0 !important;
      max-height: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important
  }

  .iframe-game {
      width: 100%;
      aspect-ratio: 16/9
  }

  @media (min-width:330px) {
      .hn2315game-list {
          width: 50%
      }
  }

  @media (min-width:590px) {
      .hn2315game-list {
          width: 33.33%
      }
  }

  @media (min-width:600px) {
      .gameInfoRow {
          padding-right: 8px
      }

      .name-btnnext,
      .name-btnpre {
          display: block
      }

      .box-tag {
          transform: scale(1)
      }
  }

  @media (min-width:850px) {
      .hn2315game-list {
          width: 25%
      }

      .menu-menu-head {
          display: flex
      }
  }

  @media (min-width:1080px) {
      .hn2315game-list {
          width: 20%
      }

      .menu-menu-head {
          display: flex
      }
  }

  @media (min-width:1250px) {
      .hn2315game-list {
          width: 14.66%
      }
  }

  @media (min-width:1280px) {
      .mui-divider {
          margin-left: 0
      }
  }

  @media (min-width:1545px) {
      .hn2315game-list {
          width: 12.28%
      }
  }

  @media (min-width:1560px) {
      .hn2315game-similar-left {
          display: block
      }
  }

  @media (min-width:1778px) {
      .hn2315game-center {
          width: 1140px
      }

      .hn2315game-similar {
          margin-top: calc(2px+ -8px);
          margin-left: -6px;
          width: calc(100%+12px)
      }

      .hn2315game-search-return {
          margin-top: calc(-6px);
          margin-left: -6px;
          width: calc(100%+12px)
      }

      .hn2315game-link {
          margin: 4px
      }
  }

  @media (min-width:1910px) {
      .menu-left {
          width: 200px
      }

      .css-1ietxlh,
      .css-26ldk7,
      .css-3hh4tu {
          margin-left: 12px;
          margin-right: 12px
      }

      .menu-common.LabelContainer {
          opacity: 1;
          visibility: visible
      }
  }

  @media (min-width:2020px) {
      .hn2315game-list {
          width: 11.5%
      }
  }

  @media (min-width:2100px) {
      .hn2315game-similar-right {
          display: block
      }
  }

  @media (min-width:2222px) {
      .hn2315game-list {
          width: 10.11%
      }
  }

  @media (min-width:2630px) {
      .hn2315game-list {
          width: 8%
      }
  }

  @media (max-width:1909) {
      .menu-left {
          width: 60px
      }

      .menu-left:hover[class*=LabelContainer] {
          opacity: 1;
          visibility: visible
      }

      .main-footer {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column
      }

      .row-footer-logo,
      .row-footer-menu {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          margin-bottom: 8px;
          margin-top: 8px
      }
  }

  @media (max-width:1509) {
      .tag-hn2315Container-popular {
          padding-bottom: 8px;
          margin-bottom: -4px;
          contain-intrinsic-size: 148px;
          height: 148px
      }

      .tag-row-popular {
          padding-left: 0 !important;
          min-height: 21px
      }
  }

  @media (max-width:1358) {
      .advertisement {
          width: 186px
      }
  }

  @media (max-width:1199) {
      .hn2315game-center {
          width: calc(100vw-60px-24px)
      }

      .gameInfoContainer {
          margin-top: 20px
      }
  }

  @media (max-width:868) {
      .gameInfoRow {
          width: 100%
      }
  }

  @media (max-width:1299px) {
      .col-play {
          width: 100%
      }

      .right-ads-games {
          display: none
      }
  }

  .css-1hmbo15,
  .css-1rcr72c,
  .paginate a,
  .paginate a.active {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
  }

  .css-1rcr72c {
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: auto !important;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      padding-bottom: 8px
  }

  @media (max-width:1081px) {
      .css-1rcr72c {
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          background: #12121c;
          padding: 8px 16px;
          width: 100% !important
      }
  }

  .jq-rating-label {
      font-size: 22px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      font-family: helvetica, arial, verdana
  }

  .jq-star {
      width: 100px;
      height: 100px;
      display: inline-block;
      cursor: pointer
  }

  .jq-star-svg {
      padding-left: 3px;
      width: 100%;
      height: 100%
  }

  .jq-star-svg path {
      stroke-linejoin: round
  }

  .css-hrlctq {
      text-align: right;
      margin-left: 16px;
      margin-right: 8px
  }

  @media (min-width:0) {
      .css-hrlctq {
          line-height: 1.3
      }
  }

  @media (min-width:1082px) {
      .gameInfoRow {
          padding-right: 16px
      }

      .css-hrlctq {
          line-height: 1
      }
  }

  .css-iuagh {
      font-weight: 700;
      font-size: 11.2px;
      color: #fff
  }

  .css-qkofrw {
      text-transform: uppercase;
      color: #fff;
      font-size: 10px;
      line-height: 1
  }

  .css-1pnh80q {
      margin-right: 8px;
      color: #1a1b28;
      background: #fff;
      border-radius: 32px;
      padding: 0 8px;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      font-size: 18px
  }

  .css-lpurl3 {
      white-space: normal
  }

  @media (min-width:1200px) {

      .advertisement,
      .hn2315game-similar-center {
          display: block
      }

      .css-1la1o8y li.primeCarouselLi,
      .css-1la1o8y.skeleton {
          width: calc((100vw-76px)/ 7.3);
          height: calc(((((100vw- (76px))/ 7.3)-4px) * .5617977528089888)+4px)
      }
  }

  .paginate a,
  .paginate a.active {
      font-weight: 800;
      padding: 8px;
      background: #2f3148;
      width: 50px;
      height: 50px;
      margin: 5px;
      font-size: 20px
  }

  .paginate {
      text-align: center
  }

  .paginate a {
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      color: #fff;
      transition: .1s ease-in;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      border-radius: 50px;
      border: 2px solid;
      border-color: #fff0
  }

  .paginate a.active {
      -webkit-transition: .1s ease-in;
      transition: .1s ease-in;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      border-radius: 50px;
      border: 3px solid #6842ff;
      background-color: #fff0
  }

  .number-pre svg {
      color: #fff
  }

  .css-1hmbo15 {
      border-radius: 6px;
      position: relative;
      width: 178px;
      margin: 4px;
      height: 48px;
      background-color: #6842ff;
      color: #fff;
      -webkit-transition: background-color .2s ease-in;
      transition: background-color .2s ease-in;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      font-weight: 700
  }

  .css-t9s2qs,
  .css-t9s2qs p {
      text-align: center;
      display: -webkit-box
  }

  .css-t9s2qs {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 113px;
      padding: 4px
  }

  .css-t9s2qs p {
      font-size: 11.2px;
      width: 100%;
      margin-block-start: 0;
      margin-block-end: 0
  }

  .col-play,
  .main-section {
      min-height: 1000px
  }

  .right-ads-games {
      min-height: 600px
  }

  .btn-tag-relate {
      padding: 10px 16px;
      font-size: 16px;
      min-height: 55px;
      min-width: 55px;
      display: inline-flex;
      align-items: center;
      justify-content: center
  }

  @media (min-width:768px) {
      .menu-button {
          display: none;
          margin-right: 10px
      }
  }

  .menu-mobile {
      display: none;
      position: fixed;
      right: 0;
      width: 100%;
      text-align: right;
      height: 100%;
      background-color: #000;
      top: 0;
      z-index: 100;
      padding: 20px
  }

  .hn2315game-center {
      width: calc(100% - 208px);
      display: block
  }

  .close-menu {
      position: absolute;
      left: 15px;
      top: 15px;
      width: 25px
  }

  .hn2315game-content,
  .hn2315game-img img,
  .hn2315game-infor,
  .hn2315game-link {
      width: 100px;
      height: 100px
  }

  .gameInfoContainer {
      background-color: #1a1b286e
  }

  .hn2315game-list {
      width: 100px;
      margin: 10px
  }

  .col-play {
      width: 1218px
  }

  @media (max-width:1950px) {
      .col-play {
          width: 1188px
      }
  }

  @media (max-width:1400px) {
      .col-play {
          width: 900px
      }
  }

  @media (max-width:500px) {
      .hn2315game-similar-left {
          display: none
      }

      .hn2315game-img img,
      .hn2315game-link {
          width: 100px;
          height: 100px
      }
  }

  @media (max-width:768px) {

      .hn2315game-similar-left,
      .menu-menu-head {
          display: none
      }

      .flex-jus-center,
      .hn2315game-similar-center.widthfull.padding_top_8.flex-jus-center.flex-wrap {
          justify-content: center
      }

      .col-play,
      .hn2315game-center {
          width: 100%
      }

      .iframe-game {
          aspect-ratio: 9/12
      }

      .item-menu a {
          font-size: 12px
      }

      .iframe-game,
      .iframe-game iframe {
          padding-right: 5px !important;
          aspect-ratio: 16/9 !important
      }
  }

  .btn-gradient {
      padding: 14px 30px;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      background: linear-gradient(45deg, #ff416c, #ff4b2b);
      animation: 1.2s infinite blink;
      transition: .3s;
      margin-top: 15px
  }

  @keyframes blink {

      0%,
      100% {
          box-shadow: 0 0 5px rgba(255, 75, 43, .5)
      }

      50% {
          box-shadow: 0 0 25px #ff4b2b
      }
  }

  .btn-gradient:hover {
      transform: translateY(-3px);
      animation: none;
      box-shadow: 0 10px 25px rgba(255, 75, 43, .9)
  }

  .btn-gradient:active {
      transform: scale(.95)
  }