/*! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Roboto,sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

.font-size-14 {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.row-flex-center-all {
    align-items: center;
    display: flex;
    justify-content: center
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
}

.container {
    width: 100%
}

@media (min-width: 0px) {
    .container {
        max-width:0
    }
}

@media (min-width: 576px) {
    .container {
        max-width:576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1025px) {
    .container {
        max-width:1025px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    /* position: absolute; */
    float: right;
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.-bottom-14 {
    bottom: -14px
}

.-right-10 {
    right: -10px
}

.-right-16 {
    right: -16px
}

.-top-15 {
    top: -15px
}

.-top-19 {
    top: -19px
}

.bottom-0 {
    bottom: 0
}

.bottom-30 {
    bottom: 30px
}

.left-0 {
    left: 0
}

.left-12 {
    left: 12px
}

.left-20 {
    left: 20px
}

.left-40 {
    left: 40px
}

.left-5 {
    left: 5px
}

.left-60 {
    left: 60px
}

.right-0 {
    right: 0
}

.right-10 {
    right: 10px
}

.right-12 {
    right: 12px
}

.right-15 {
    right: 15px
}

.right-20 {
    right: 20px
}

.right-5 {
    right: 5px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-1\/4 {
    top: 25%
}

.top-10 {
    top: 10px
}

.top-15 {
    top: 15px
}

.top-16 {
    top: 16px
}

.top-20 {
    top: 20px
}

.top-60 {
    top: 60px
}

.top-8 {
    top: 8px
}

.top-86 {
    top: 86px
}

.-z-1 {
    z-index: -1
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-5 {
    z-index: 5
}

.z-\[100\] {
    z-index: 100
}

.float-right {
    float: right
}

.m-20 {
    margin: 20px
}

.m-auto {
    margin: auto
}

.-my-10 {
    margin-bottom: -10px;
    margin-top: -10px
}

.mx-5 {
    margin-left: 5px;
    margin-right: 5px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-30 {
    margin-bottom: 30px;
    margin-top: 30px
}

.\!mt-40 {
    margin-top: 40px!important
}

.-mt-25 {
    margin-top: -25px
}

.-mt-45 {
    margin-top: -45px
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 10px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-28 {
    margin-bottom: 28px
}

.mb-30 {
    margin-bottom: 30px;
    font-family: "Yuji Mai", serif;
}

.mb-4 {
    margin-bottom: 4px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-6 {
    margin-bottom: 6px
}

.ml-10 {
    margin-left: 10px
}

.ml-12 {
    margin-left: 12px
}

.ml-14 {
    margin-left: 14px
}

.ml-16 {
    margin-left: 16px
}

.ml-20 {
    /*margin-left: 20px;*/
    margin:0 10px;
}

.ml-24 {
    margin-left: 24px
}

.ml-30 {
    margin-left: 30px
}

.ml-32 {
    margin-left: 32px
}

.ml-4 {
    margin-left: 4px
}

.ml-5 {
    margin-left: 5px
}

.ml-8 {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-10 {
    margin-right: 10px
}

.mr-12 {
    margin-right: 12px
}

.mr-16 {
    margin-right: 16px
}

.mr-20 {
    margin-right: 20px
}

.mr-3 {
    margin-right: 3px
}

.mr-32 {
    margin-right: 32px
}

.mr-4 {
    margin-right: 4px
}

.mr-5 {
    margin-right: 5px
}

.mr-6 {
    margin-right: 6px
}

.mr-7 {
    margin-right: 7px
}

.mr-8 {
    margin-right: 8px
}

.mr-\[14px\] {
    margin-right: 14px
}

.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: 10px
}

.mt-12 {
    margin-top: 12px
}

.mt-15 {
    margin-top: 15px
}

.mt-16 {
    margin-top: 16px
}

.mt-20 {
    margin-top: 20px
}

.mt-24 {
    margin-top: 24px
}

.mt-25 {
    margin-top: 25px
}

.mt-26 {
    margin-top: 26px
}

.mt-30 {
    margin-top: 30px
}

.mt-37 {
    margin-top: 37px
}

.mt-4 {
    margin-top: 4px
}

.mt-40 {
    margin-top: 40px
}

.mt-64 {
    margin-top: 64px
}

.mt-8 {
    margin-top: 8px
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.size-20 {
    height: 20px;
    width: 20px
}

.h-0 {
    height: 0
}

.h-1 {
    height: 1px
}

.h-10 {
    height: 10px
}

.h-100 {
    height: 100px
}

.h-144 {
    height: 144px
}

.h-16 {
    height: 16px
}

.h-160 {
    height: 160px
}

.h-18 {
    height: 18px
}

.h-180 {
    height: 180px
}

.h-2 {
    height: 2px
}

.h-24 {
    height: 24px
}

.h-28 {
    height: 28px
}

.h-280 {
    height: 280px
}

.h-30 {
    height: 30px
}

.h-320 {
    height: 320px
}

.h-36 {
    height: 36px
}

.h-40 {
    height: 40px
}

.h-48 {
    height: 48px
}

.h-6 {
    height: 6px
}

.h-60 {
    height: 60px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen,.h-screen-full {
    height: 100vh
}

.max-h-550 {
    max-height: 550px
}

.min-h-315 {
    min-height: 315px
}

.min-h-325 {
    min-height: 325px
}

.min-h-90 {
    min-height: 90px
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0
}

.w-15 {
    width: 15px
}

.w-16 {
    width: 16px
}

.w-18 {
    width: 18px
}

.w-195 {
    width: 195px
}

.w-196 {
    width: 196px
}

.w-200 {
    width: 200px
}

.w-215 {
    width: 215px
}

.w-220 {
    width: 220px
}

.w-24 {
    width: 24px
}

.w-28 {
    width: 28px
}

.w-289 {
    width: 289px
}

.w-30 {
    width: 30px
}

.w-320 {
    width: 320px
}

.w-349 {
    width: 349px
}

.w-37 {
    width: 37px
}

.w-395 {
    width: 395px
}

.w-40 {
    width: 40px
}

.w-6 {
    width: 6px
}

.w-60 {
    width: 60px
}

.w-75 {
    width: 75px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%;
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-150 {
    min-width: 150px
}

.min-w-300 {
    min-width: 300px
}

.min-w-320 {
    min-width: 320px
}

.min-w-728 {
    min-width: 728px
}

.max-w-1127 {
    max-width: 1127px
}

.max-w-120 {
    max-width: 120px
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow,.grow {
    flex-grow: 1;
    width: 100%;
}

.-translate-x-0 {
    --tw-translate-x: -0px
}

.-translate-x-0,.-translate-x-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,.translate-x-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-90,.rotate-180 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-none {
    list-style-type: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden;
    width:100%;
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-scroll {
    overflow-x: scroll
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,.text-ellipsis,.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-0 {
    border-radius: 0
}

.rounded-10 {
    border-radius: 10px
}

.rounded-12 {
    border-radius: 12px
}

.rounded-20 {
    border-radius: 20px
}

.rounded-34 {
    border-radius: 34px
}

.rounded-4 {
    border-radius: 4px
}

.rounded-5 {
    border-radius: 5px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-b-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-b-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.rounded-l-24 {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.rounded-t-8 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.\!border {
    border-width: 1px!important
}

.border,.border-1 {
    border-width: 1px
}

.border-l-1 {
    border-left-width: 1px
}

.border-t-1 {
    border-top-width: 1px
}

.border-t-10 {
    border-top-width: 10px
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(62 81 181/var(--tw-border-opacity))
}

.border-gray-20 {
    --tw-border-opacity: 1;
    border-color: rgb(241 241 241/var(--tw-border-opacity))
}

.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(199 199 199/var(--tw-border-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(62 81 181/var(--tw-bg-opacity))
}

.bg-gray-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-gray-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-gray-30 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity))
}

.bg-gray-40 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(199 199 199/var(--tw-bg-opacity))
}

.bg-gray-90 {
    --tw-bg-opacity: 1;
    background-color: rgb(60 60 60/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-yellow-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 250 240/var(--tw-bg-opacity))
}

.bg-yellow-15 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 228/var(--tw-bg-opacity))
}

.bg-yellow-60 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 204 91/var(--tw-bg-opacity))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-blue-80 {
    --tw-gradient-from: #3957ea var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(57,87,234,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-green-ratedStart {
    --tw-gradient-from: #2f9654 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(47,150,84,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-yellow-20 {
    --tw-gradient-from: #ffe940 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255,233,64,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.to-blue-100 {
    --tw-gradient-to: #3e51b5 var(--tw-gradient-to-position)
}

.bg-auto {
    background-size: auto
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-current {
    fill: currentColor
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.p-10 {
    padding: 10px
}

.p-16 {
    padding: 16px
}

.p-20 {
    padding: 20px
}

.p-3 {
    padding: 3px
}

.p-30 {
    padding: 30px
}

.p-4 {
    padding: 4px
}

.p-5 {
    padding: 5px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.px-156 {
    padding-left: 156px;
    padding-right: 156px
}

.px-18 {
    padding-left: 18px;
    padding-right: 18px
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px
}

.px-26 {
    padding-left: 26px;
    padding-right: 26px
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px
}

.px-31 {
    padding-left: 31px;
    padding-right: 31px
}

.px-37 {
    padding-left: 37px;
    padding-right: 37px
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px
}

.px-6 {
    padding-left: 6px;
    padding-right: 6px
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.py-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.py-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.py-15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.py-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.py-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.py-3 {
    padding-bottom: 3px;
    padding-top: 3px
}

.py-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.py-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.py-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.py-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.py-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.py-7 {
    padding-bottom: 7px;
    padding-top: 7px
}

.py-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-18 {
    padding-bottom: 18px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-24 {
    padding-bottom: 24px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-8 {
    padding-bottom: 8px
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 10px
}

.pl-12 {
    padding-left: 12px
}

.pl-156 {
    padding-left: 156px
}

.pl-20 {
    padding-left: 20px
}

.pl-22 {
    padding-left: 22px
}

.pl-3 {
    padding-left: 3px
}

.pl-30 {
    padding-left: 30px
}

.pl-5 {
    padding-left: 5px
}

.pl-8 {
    padding-left: 8px
}

.pr-10 {
    padding-right: 10px
}

.pr-110 {
    padding-right: 110px
}

.pr-24 {
    padding-right: 24px
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 10px
}

.pt-16 {
    padding-top: 16px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-7 {
    padding-top: 7px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

.\!text-3xl {
    font-size: 2rem!important
}

.\!text-sm {
    font-size: 1rem!important
}

.text-2xl {
    font-size: 1.8rem
}

.text-3xl {
    font-size: 2rem
}

.text-4xl {
    font-size: 2.4rem
}

.text-5xl {
    font-size: 3.6rem
}

.text-base {
    font-size: 1.2rem
}

.text-lg {
    font-size: 1.4rem
}

.text-sm {
    font-size: 1rem
}

.text-xl {
    font-size: 1.6rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-12 {
    line-height: 1.2rem
}

.leading-14 {
    line-height: 1.4rem
}

.leading-18 {
    line-height: 1.8rem
}

.leading-21 {
    line-height: 2.1rem
}

.leading-24 {
    line-height: 2.4rem
}

.leading-26 {
    line-height: 2.6rem
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(62 81 181/var(--tw-text-opacity))
}

.text-gray-20 {
    --tw-text-opacity: 1;
    color: rgb(241 241 241/var(--tw-text-opacity))
}

.text-gray-40 {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.text-gray-60 {
    --tw-text-opacity: 1;
    color: rgb(149 149 149/var(--tw-text-opacity))
}

.text-gray-70 {
    --tw-text-opacity: 1;
    color: rgb(103 103 103/var(--tw-text-opacity))
}

.text-gray-80 {
    --tw-text-opacity: 1;
    color: rgb(44 44 44/var(--tw-text-opacity))
}

.text-txt-dim {
    --tw-text-opacity: 1;
    color: rgb(149 149 149/var(--tw-text-opacity))
}

.text-txt-primary {
    --tw-text-opacity: 1;
    color: rgb(44 44 44/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-60 {
    --tw-text-opacity: 1;
    color: rgb(255 204 91/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

body,html {
    font-size: 10px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--gzp-bg-color)
}


body{
    --default-bg-color: #191a32;
    --default-white-color: #fff;
    --default-blue-color: #1e2333;
    --default-yellow-color: #ffcc5b;
    --default-dark-blue-color: #151823;
    --default-purple-color: #26284c;
    --default-light-purple: #282853;
    --default-sky-blue: #bfd3ff;
    --default-dark-blue-accent: #0e0f27;
    --default-dark-purple: #21213f;
    --default-mild-purple: #a0b0e4;
    --gzp-bg-color: var(--default-bg-color);
    --gzp-bg-accent: #191a32;
    --gzp-section-color: #222341;
    --gzp-text-secondary: var(--default-mild-purple);
    --gzp-text-color: var(--default-white-color);
    --gzp-text-color-secondary: #000;
    --gzp-text-color-accent: var(--default-white-color);
    --gzp-border-color: var(--default-light-purple);
    --gzp-border-color-secondary: #404380;
    --gzp-border-accent: var(--default-light-purple);
    --gzp-active-link: var(--default-yellow-color);
    --gzp-view-all-links: var(--default-white-color);
    --gzp-bg-secondary: var(--default-blue-color);
    --gzp-divider: var(--default-blue-color);
    --gzp-divider-secondary: #202144;
    --gzp-divider-accent: var(--default-light-purple);
    --gzp-dropdown: var(--default-light-purple);
    --gzp-search-tags: var(--default-dark-purple);
    --gzp-header-bg-color: var(--default-purple-color);
    --gzp-header-nav-links: var(--default-dark-blue-color);
    --gzp-header-text-color: var(--default-white-color);
    --gzp-header-icons-color: var(--default-sky-blue);
    --gzp-header-links: var(--default-white-color);
    --gzp-header-active-link: var(--default-blue-color);
    --gzp-header-active-link-secondary: var(#000);
    --gzp-text-light-color: var(--default-mild-purple);
    --gzp-footer-text: var(--default-sky-blue);
    --gzp-footer-text-secondary: #8789c3;
    --gzp-footer-text-accent: var(--default-white-color);
    --gzp-footer-lang-links: #8789c3;
    --gzp-footer-bg: #0c0d26;
    --gzp-footer-logo-bg: var(--default-bg-color);
    --gzp-search-bg: var(--default-blue-color);
    --gzp-search-icon-bg: var(--default-dark-blue-color);
    --gzp-search-input-bg: var(--default-dark-blue-color);
    --gzp-search-tags: #21213f;
    --gzp-search-tags-border: var(--default-light-purple);
    --gzp-search-text: #767f9f;
    --gzp-icons-primary: var(--default-white-color);
    --gzp-icons-secondary: var(--default-yellow-color);
    --gzp-icons-accent: var(--default-white-color);
    --gzp-icons-highlight: var(--default-yellow-color);
    --gzp-icons-bottom-nav: var(--default-yellow-color);
    --gzp-view-all-arrow: var(--default-blue-color);
    --gzp-icons-nav-expand: var(--default-dark-blue-color);
    --gzp-search-icons: var(--default-yellow-color);
    --gzp-arrow-bg: var(--default-dark-blue-accent);
    --gzp-ad-loader-primary-color: #0e0f27;
    --gzp-ad-loader-secondary-color: #17183c;
    --gzp-domino-bg: var(--default-bg-color);
    --gzp-domino-bg-secondary: var(--default-dark-blue-color);
    --gzp-theme-primary: var(--default-dark-blue-color);
    --gzp-theme-overlay: #080c1a;
    --gzp-theme-overlay-secondary: rgba(13,13,33,0);
    --gzp-login-container: var(--default-dark-purple);
    --gzp-login-border: var(--default-light-purple);
    --gzp-login-text: #8789c3
}

#__next {
    height: 100%;
    width: 100%
}

::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

ul {
    list-style-type: none
}

@media screen and (min-width: 400px) and (max-width:499px) and (min-height:400px) {
    body,html {
        font-size:12px
    }
}

@media screen and (min-width: 500px) and (max-width:599px) and (min-height:500px) {
    body,html {
        font-size:13px
    }
}

@media screen and (min-width: 600px) and (max-width:900px) and (min-height:600px) {
    body,html {
        font-size:14px
    }
}

:root {
    --gzp-header-bg-color: #fff;
    --gzp-header-icons-color: #676767;
    --gzp-search-bg-color: #fafafa;
    --gzp-search-border-color: #ebebeb;
    --gzp-search-text-color: #2c2c2c;
    --gzp-search-border-focus-color: #ffcc5b;
    --gzp-snow-blue: #f0f1f9;
    --gzp-primary-blue-color: #3e51b5
}

button {
    background-color: transparent;
    background-color: initial
}

.first\:ml-12:first-child {
    margin-left: 12px
}

.first\:mr-0:first-child {
    margin-right: 0
}

.first\:mr-20:first-child {
    margin-right: 20px
}

.first\:mr-4:first-child {
    margin-right: 4px
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:ml-4:last-child {
    margin-left: 4px
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:mr-20:last-child {
    margin-right: 20px
}

@media (min-width: 576px) and (max-width:767px) {
    .sm\:ml-10 {
        margin-left:10px
    }

    .sm\:h-145 {
        height: 145px
    }

    .sm\:h-screen-95 {
        height: 95vh
    }

    .sm\:min-h-600 {
        min-height: 600px
    }

    .sm\:w-100 {
        width: 100px
    }

    .sm\:w-195 {
        width: 195px
    }

    .sm\:w-2\/5 {
        width: 40%
    }

    .sm\:pl-10 {
        padding-left: 10px
    }

    .sm\:pt-16 {
        padding-top: 16px
    }

    .sm\:pt-20 {
        padding-top: 20px
    }

    .sm\:last\:ml-30:last-child {
        margin-left: 30px
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .md\:ml-10 {
        margin-left:10px
    }

    .md\:h-160 {
        height: 160px
    }

    .md\:min-h-600 {
        min-height: 600px
    }

    .md\:w-220 {
        width: 220px
    }

    .md\:flex-grow {
        flex-grow: 1
    }

    .md\:rounded-10 {
        border-radius: 10px
    }

    .md\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .md\:pb-56 {
        padding-bottom: 56px
    }

    .md\:pt-16 {
        padding-top: 16px
    }

    .md\:pt-20 {
        padding-top: 20px
    }

    .md\:leading-30 {
        line-height: 3rem
    }

    .md\:last\:ml-30:last-child {
        margin-left: 30px
    }
}

@media (min-width: 1025px) {
    .lg\:top-90 {
        top:90px
    }

    .lg\:mb-30 {
        margin-bottom: 30px
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:ml-30 {
        margin-left: 30px
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:flex {
        display: flex
    }

    .lg\:h-1 {
        height: 1px
    }

    .lg\:max-h-550 {
        max-height: 550px
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-881 {
        width: 881px
    }

    .lg\:max-w-1127 {
        max-width: 1127px
    }

    .lg\:max-w-705 {
        max-width: 705px
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:rounded-10 {
        border-radius: 10px
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:p-30 {
        padding: 30px
    }

    .lg\:px-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .lg\:pb-56 {
        padding-bottom: 56px
    }

    .lg\:pl-30 {
        padding-left: 30px
    }

    .lg\:pt-30 {
        padding-top: 30px
    }

    .lg\:text-3xl {
        font-size: 2rem
    }

    .lg\:last\:ml-30:last-child {
        margin-left: 30px
    }
}

@media (min-width: 0px) and (max-width:575px) {
    .xs\:ml-10 {
        margin-left:10px
    }

    .xs\:h-screen-95 {
        height: 95vh
    }

    .xs\:min-h-500 {
        min-height: 500px
    }

    .xs\:min-h-600 {
        min-height: 600px
    }

    .xs\:w-100 {
        width: 100px
    }

    .xs\:w-24 {
        width: 24px
    }

    .xs\:flex-grow {
        flex-grow: 1
    }

    .xs\:py-20 {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .xs\:pt-16 {
        padding-top: 16px
    }

    .xs\:pt-20 {
        padding-top: 20px
    }

    .xs\:text-lg {
        font-size: 1.4rem
    }

    .xs\:text-sm {
        font-size: 1rem
    }
}

.error-page_container__Bb5Wx {
    align-items: center;
    background-color: var(--gzp-bg-color);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 74px);
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px
}

.error-page_imageContainer__K0Ntl {
    max-width: 490px;
    width: 100%
}

.error-page_imageContainer__K0Ntl>div {
    height: 100%;
    position: static!important
}

.error-page_image__tEHTD {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: auto!important;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative!important;
    width: 100%!important
}

.error-page_title__6H3xE {
    color: var(--gzp-text-color);
    font-size: 2.4rem;
    font-weight: 900;
    margin-top: 64px
}

.error-page_subtitle__qXhuP {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 15px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(149 149 149/var(--tw-text-opacity))
}


/*.style_container__8fija, .style_head__Pnrul {*/
/*    align-items: center;*/
/*    display: flex;*/
/*}*/

.style_head__Pnrul {
    background: var(--gzp-header-bg-color);
    box-shadow: 0 2px 13px rgba(0, 0, 0, .095);
    /*height: 70px;*/
    justify-content: center;
    left: 0;
    /*min-width: 1400px;*/
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 20;
}

.style_container__8fija {
    justify-content: space-between;
    position: relative;
    width: 97%;
    align-items: center;
    display: flex;
    height: 70px;
    margin:auto;
}
.style_logo_styles__z7lh_ {
    border-radius: 10px;
    left: 0;
    /*position: absolute;*/
    float:left;
    z-index: 1;
}



.style_categories__eZaHk, .style_category__u5_mi {
    align-items: center;
    display: flex
;
    justify-content: space-between;
}

.style_categories__eZaHk {
    overflow: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.style_nav_list__7i1tB {
    margin-right: 10px;
}

.style_inactive_category__K_p1U {
    background-color: var(--gzp-header-nav-links);
    color: var(--gzp-header-links);
}
.style_category__u5_mi {
    border-radius: 24px;
    cursor: pointer;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    padding: 10px 24px;
    transition: all 0s;
    width: -moz-max-content;
    width: max-content;
}
.style_categories__eZaHk, .style_category__u5_mi {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.style_fill_color__tLK_h {
    fill: var(--gzp-icons-secondary);
}

.style_search_icon__ONNNz {
    align-items: center;
    background-color: var(--gzp-search-icon-bg);
    border-radius: 9999px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.style_icon__m_bB3 {
    fill: var(--gzp-search-text);
}


.featured-games_card_container__w8e89 {
    border-radius: 10px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, .1);
    margin-top: 20px;
    padding: 20px 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-color: var(--gzp-section-color);
    border: 1px solid var(--gzp-border-color-secondary);
    /*min-width: 1300px;*/
}

.featured-games_fill_color__MtJjS {
    fill: var(--gzp-icons-primary);
}

.featured-games_heading__VLVqL {
    color: var(--gzp-text-color);
    font-size: 24px;
    font-weight: 900;
}

.style_heading__n7ZVG {
    color: var(--gzp-text-color);
    font-size: 24px;
    margin-left: 2px;
}

.style_category_name__tXFgZ {
    color: var(--gzp-text-color);
    line-height: normal;
}


.style_see_more__HYUe2, .style_view_all__xW8MY {
    align-items: center;
    cursor: pointer;
    display: flex
;
}
.style_view_all__xW8MY {
    font-size: 20px;
    font-weight: 900;
    --tw-text-opacity: 1;
    background-image: none;
    color: rgb(62 81 181 / var(--tw-text-opacity));
    color: var(--gzp-view-all-links) !important;
    padding: 0;
    text-transform: uppercase;
}

.button_btnMedium__u7fh2 {
    border-radius: 5px;
    height: 40px;
}

.button_btn__8oTQj {
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
}

.button_btnNone__Sj0VD {
    color: #3e51b5;
}

.style_arrow_fill__zX24g {
    fill: var(--gzp-view-all-arrow);
}


.style_intro_footer__WwSo9.style_desktop_width__P_k4o {
    /*min-width: 1400px;*/
}
.style_intro_footer__WwSo9 {
    background-color: var(--gzp-footer-bg);
    color: var(--gzp-text-light-color);
    display: flex;
    justify-content: center;
    width: 100%;
}


.style_intro_footer__WwSo9 .style_foot_container__7P9Z0 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    /*max-width: 1300px;*/
    padding: 12px;
}

.style_divider__fQpJS.style_solid__mQ34p {
    background-color: var(--gzp-border-color-secondary);
}
@media only screen and (min-width: 850px) {
    .style_divider__fQpJS {
        background: linear-gradient(90deg, transparent, #404380 50%, transparent);
        height: 1px;
        width: 100%;
    }
}
.style_divider__fQpJS {
    background: linear-gradient(to right, transparent 0, var(--gzp-border-color-secondary) 50%, transparent 100%);
    height: 1px;
    width: 100%;
}

@media only screen and (min-width: 850px) {
    .style_link__kroOq {
        font-size: 16px!important;
    }
}

.style_link__kroOq {
    color: var(--gzp-footer-text-accent);
    font-size: 12px;
    font-weight:bold;
    /*text-decoration: underline;*/
}

.style_footer_txt_color__fQpPq {
    color: var(--gzp-footer-text-secondary);
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px;
    font-family: "Yuji Mai", serif;
}

.style_ad_container__z630d, .style_card_container__TPWfp {
    background-color: var(--gzp-section-color);
    border: 1px solid var(--gzp-border-color-secondary);
    border-radius: 10px;
    box-shadow: 0 12px 59px rgba(0, 0, 0, .04);
    margin-top: 20px;
    /*min-width: 1300px;*/
}

.style_card_container__TPWfp {
    padding-bottom: 20px;
    padding-top: 20px;
}

.slider_sliderContainer__8QsL5, .slider_sliderTrack__1bitT {
    position: relative;
}

.style_card_wrap__dwUPg {
    height: 235px;
    position: relative;
    z-index: 1;
}

.style_image_wrap__BggOt {
    border: 1px solid var(--gzp-border-color);
    border-radius: 15px;
    height: 190px;
    position: relative;
    z-index: 1;
}

.style_image_container_dimensions__v8oZm {
    height: 100%;
    width: 100%;
}

.style_image_container__uMfFu {
    border-radius: 15px;
    overflow: hidden;
}

.style_text__C4kKO {
    color: var(--gzp-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.style_text_container__oi4x8{
    align-items: flex-end;
    bottom: 0;
    color: #2c2c2c;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    padding-bottom: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.random_game{
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 468px){

    .style_spaced__v8uF_ {
         margin-left: 0!important;
         margin-right: 0!important;
    }

    .slider_sliderTrack__1bitT{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .style_card_wrap__dwUPg{
        height: 12rem!important;
    }

    .style_image_wrap__BggOt{
        height: 80%!important;
    }

    .px-30 {
        padding-left: 10px!important;
         padding-right: 0!important;
    }

    .ml-20{
        margin: 0 10px!important;
    }

    .style_categories_container__yDDhm{
        display:none;
    }

    .featured-game-card_container__wLawE{
        height:13rem!important;
    }

    .featured-game-card_bg_container__PBnpC {
        height: 10rem!important;
    }

    .style_game_wrapper_desktop__6XEGA{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 468px) and (max-width: 768px){
    .slider_sliderTrack__1bitT{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .style_game_wrapper_desktop__6XEGA{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px){
    .slider_sliderTrack__1bitT{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .style_game_wrapper_desktop__6XEGA{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1280px){
    .slider_sliderTrack__1bitT{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .style_game_wrapper_desktop__6XEGA{
        overflow-x: hidden!important;
        display: grid!important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.back_to_top {
    position: fixed;
    right: 2rem;
    bottom: 3rem;
    z-index: 1;
    height: 50px;
    width: 50px;
    box-shadow: 0 0 28px #0000009c;
    cursor: pointer;
    display:flex;
    background: #4732b3;
    border-radius: 50%;
}

.back_to_top img{
    width:80%;
    height:80%;
}


.style_hr__jVhoD {
    background: var(--gzp-divider);
    height: 32px;
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
}

.style_center__hdYL7 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.style_container__zyKRX {
    align-items: center;
    display: flex;
}

.style_fullBorder__ztFbu {
    border-color: var(--gzp-search-border-color);
    border-style: solid;
    border-width: 1px;
}
.style_search_container__n0s2E {
    background-color: var(--gzp-search-input-bg);
    border-radius: 9999px;
    width: 226px;
    height:40px;
    z-index: 1;
}

.style_formInput__wH2gK {
    color: var(--gzp-text-color);
    flex-grow: 1;
    font-size: 14px;
    height: 100%;
    padding-left: 3px;
    outline: none;
}

.style_formInput__wH2gK {
    background-color: transparent;
    border-style: none;
}

.menu_mobile{
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

._mobileRightMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    width: 85%;
    height: 100vh;
    display: block;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
}

.menu_open{
    transform: translate(0);
}

._mobileRightMenu ._menuItemContainer {
    width: 100%;
    height: 100%;
    background: #2b2659;
    overflow-y: scroll;
}

._profileBox{
    padding: 16px;
    text-align: center;
    color: #cae0fa;
}

.menu_close{
    float:right;
    margin-right:1rem;
}

.type_list{
    margin-top: 3rem;
}

.type_list a{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: solid 0 #e6ecff;
    padding: 8px;
    position: relative;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.right_type_item{
    margin-right:1rem;
}

@media screen and (max-width: 1040px) {
    .style_categories_container__yDDhm{
        display:none;
    }
}

@media screen and (min-width: 1040px) {
    .menu_mobile{
        display:none!important;
    }
}

@media screen and (max-width: 468px){
    .style_play_again_ad_section__kwhQQ{
        display:none!important;
    }
}

img{
    width:100%;
    height:100%;
}

.style_category_cards_container__hZKek{
    margin: 15px auto;
    width: 97%;
}

.style_container__9bYuK {
    background-color: var(--gzp-section-color);
    border: 1px solid var(--gzp-border-color-secondary);
    border-radius: 10px;
    flex-direction: column;
    padding: 1.5rem 0;
}

@media screen and (max-width: 468px){
    .mb-28{
        padding-left: 10px;
        margin-bottom: 15px;
    }
}

.detail_img{
    border-radius: 5%;
    padding: 0 10px;
}

.play_btn{
    width: 60%;
    border-radius: 10px;
    margin: 2rem auto;
    padding: .5rem 0;
    background: #4a45ff;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.desc_view{
    margin: 0 1rem;
    border: 1px solid #545ad5;
    border-radius: 15px;
    font-family: auto;
}

.desc_view h2{
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    padding: 1rem 0.5rem 0;
}

.game_description{
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-indent: 2em;
    word-break: break-all;
    padding: 1rem 0.5rem;
}

.logo_title{
    font-size:2.5rem;
    font-weight:bold;
    color:#fff;
    font-family: "Yuji Mai", serif;
    /*font-style: normal;*/
}

body{
    font-family: "Yuji Mai", serif;
}

.adBox {
    width: calc(100% + 2rem - 20px);
    margin-left: calc(-1rem + 10px);
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    display: flex;
    justify-content: center;
    background-color: #CCCCCC;
    color: #000;
}

.adBox0 {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 15px 0 15px 0;
}