*,
: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: ;
}

::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: ;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media(min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media(min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media(min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media(min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.bottom-4 {
    bottom: 1rem
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-4 {
    top: 1rem
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.m-auto {
    margin: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-3 {
    margin-left: .75rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-\[-10px\] {
    margin-top: -10px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-3 {
    height: .75rem
}

.h-6 {
    height: 1.5rem
}

.h-96 {
    height: 24rem
}

.h-\[175px\] {
    height: 175px
}

.h-\[300px\] {
    height: 300px
}

.h-\[450px\] {
    height: 450px
}

.h-full {
    height: 100%
}

.max-h-\[90\%\] {
    max-height: 90%
}

.max-h-full {
    max-height: 100%
}

.w-3 {
    width: .75rem
}

.w-6 {
    width: 1.5rem
}

.w-\[175px\] {
    width: 175px
}

.w-full {
    width: 100%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-full {
    max-width: 100%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.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))
}

.cursor-pointer {
    cursor: pointer
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.gap-4 {
    gap: 1rem
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}

.border {
    border-width: 1px
}

.border-\[0px\] {
    border-width: 0
}

.border-\[1px\] {
    border-width: 1px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-\[\#222222\] {
    --tw-border-opacity: 1;
    border-color: rgb(34 34 34/var(--tw-border-opacity))
}

.border-b-\[\#222222\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(34 34 34/var(--tw-border-opacity))
}

.bg-\[\#151515\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 21/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

.text-2xl {

    line-height: 2rem
}

.text-\[16px\] {}

.text-\[24px\] {}

.text-base {

    line-height: 1.5rem
}

.text-lg {

    line-height: 1.75rem
}

.text-sm {

    line-height: 1.25rem
}

.text-xl {

    line-height: 1.75rem
}

.text-xs {

    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[32px\] {
    line-height: 32px
}

.text-accent {
    --tw-text-opacity: 1;
    color: rgb(255 68 0/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.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)
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

body,
html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    font-family: Roboto;
    font-weight: 400;
    background-color: #090909;
    color: #aaa;

    line-height: 13px
}

* {
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 576px) {
    body {
        padding-bottom: 95px
    }
}

button {
    font-family: Roboto;
    font-weight: 400;
    color: #aaa;
    border: 0;
    display: flex;
    align-items: center
}


@media screen and (max-width: 576px) {
    .vm-footer {
        bottom: 76px !important
    }
}

.react-datepicker button {
    background-color: transparent !important
}

.CustomHTMLRenderer .table {
    width: 100% !important;
    display: block
}

.CustomHTMLRenderer img {
    margin-bottom: 1rem;
    border-radius: 6px
}

.CustomHTMLRenderer .image {
    margin: auto;
    display: flex;
    align-items: center;
    vertical-align: middle
}

.CustomHTMLRenderer .image-style-block-align-left {
    margin: 0
}

.CustomHTMLRenderer .image-style-block-align-right {
    float: right;
    margin: 0
}

.CustomHTMLRenderer .image-style-align-left {
    float: left;
    margin-right: 15px;
    width: 50%;
    margin-top: 8px
}

.CustomHTMLRenderer .image-style-align-right {
    float: right;
    margin-left: 15px;
    width: 50%;
    margin-top: 8px
}

@media(max-width: 768px) {

    .CustomHTMLRenderer .image-style-align-left,
    .CustomHTMLRenderer .image-style-align-right {
        float: none
    }

    .CustomHTMLRenderer figure {
        width: 100% !important;
        overflow-x: scroll
    }

    .CustomHTMLRenderer img {
        width: 100% !important
    }
}

.CustomHTMLRenderer h1 {
    margin-top: 1rem;
    margin-bottom: 1rem;

    line-height: 2rem;
    font-weight: 700
}

@media(min-width: 768px) {
    .CustomHTMLRenderer h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

.CustomHTMLRenderer h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;

    line-height: 1.75rem;
    font-weight: 700
}

@media(min-width: 768px) {
    .CustomHTMLRenderer h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.CustomHTMLRenderer h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;

    line-height: 1.75rem;
    font-weight: 700
}

@media(min-width: 768px) {
    .CustomHTMLRenderer h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.CustomHTMLRenderer h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;

    line-height: 1.5rem;
    font-weight: 700
}

@media(min-width: 768px) {
    .CustomHTMLRenderer h4 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.CustomHTMLRenderer h5 {
    margin-top: 1rem;
    margin-bottom: 1rem;

    line-height: 1.25rem;
    font-weight: 700
}

@media(min-width: 768px) {
    .CustomHTMLRenderer h5 {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.CustomHTMLRenderer p {
    margin-bottom: 15px
}

.CustomHTMLRenderer ol {
    list-style: auto inside
}

.zoom-hover {
    overflow: hidden
}

.zoom-hover img {
    transition: transform .3s ease;
    transform-origin: center
}

.zoom-hover img:hover {
    transform: scale(1.1)
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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))
}

.hover\:cursor-zoom-in:hover {
    cursor: zoom-in
}

.hover\:cursor-zoom-out:hover {
    cursor: zoom-out
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media(min-width: 640px) {
    .sm\:hover\:scale-\[102\%\]:hover {
        --tw-scale-x: 102%;
        --tw-scale-y: 102%;
        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))
    }
}

@media(min-width: 768px) {
    .md\:relative {
        position: relative
    }

    .md\:w-\[350px\] {
        width: 350px
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:pl-1 {
        padding-left: .25rem
    }

    .md\:pr-1 {
        padding-right: .25rem
    }

    .md\:text-sm {

        line-height: 1.25rem
    }

    .md\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128/var(--tw-text-opacity))
    }
}

@media(min-width: 1024px) {
    .lg\:w-1\/2 {
        width: 50%
    }
}

.search_input__bNbIk {
    width: 100%;
    margin-bottom: 5px !important
}

.search_input__bNbIk .MuiInputLabel-root {
    color: #fff !important
}

.search_input__bNbIk .MuiFilledInput-root {
    border-radius: 8px
}

.search_input__bNbIk .MuiFilledInput-root:after,
.search_input__bNbIk .MuiFilledInput-root:before,
.search_input__bNbIk .MuiFilledInput-root:focus,
.search_input__bNbIk .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.search_input__bNbIk .MuiFilledInput-input {
    color: #fff !important;
    background-color: #151515 !important;
    border-radius: 8px;
    border: 1px solid #222;
    font-weight: 500
}

.search_input__bNbIk .MuiOutlinedInput-input {
    border-radius: 8px;
    color: #fff !important
}

.search_input__bNbIk .MuiFormHelperText-root {
    color: #aaa !important
}

.search_input__bNbIk .Mui-error {
    color: #ee4f5c !important
}

.search_input__bNbIk .MuiFilledInput-input.Mui-disabled {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .5)
}

.search_label__9Lpz_ {
    color: #aaa !important
}

.search_select__fXze3 .MuiSelect-select {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    color: #aaa !important
}

.search_select__fXze3 .Mui-focused,
.search_select__fXze3 .MuiSelect-icon {
    color: #aaa !important
}

.search_select__fXze3.search_languageDropdown__yfknG .MuiOutlinedInput-notchedOutline {
    border: 0 !important
}

.search_select__fXze3.search_languageDropdown__yfknG .MuiOutlinedInput-input {
    padding: 0 42px 0 0 !important;
    text-overflow: unset !important
}

.search_select__fXze3.search_padded__s9DmY .MuiSelect-select {
    padding-top: 15px !important;
    padding-bottom: 13px !important
}

.search_autoComplete__wxAxB {
    color: #fff
}

.search_autoComplete__wxAxB .MuiInputLabel-root {
    color: #aaa
}

.search_autoComplete__wxAxB .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.search_autoComplete__wxAxB .MuiOutlinedInput-root .MuiAutocomplete-input,
.search_autoComplete__wxAxB .MuiSvgIcon-root {
    color: #aaa
}

.search_autoComplete__wxAxB .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.search_autoComplete__wxAxB .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.search_autoComplete__wxAxB .Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 1px !important
}

.search_autoComplete__wxAxB:hover .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.search_autoComplete__wxAxB:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c
}

.search_button__SYOZc {
    color: #fff !important;
    font-weight: 700 !important
}

.search_button__SYOZc,
.search_button__SYOZc:hover {
    background: #cf3744 !important
}

.search_button__SYOZc img,
.search_button__SYOZc svg {
    width: 20px;
    margin-right: 10px
}

.search_button__SYOZc.search_twitterLogin__6Ee79 {
    background: #1da1f2 !important
}

.search_button__SYOZc.search_twitchLogin__iLxzv {
    background: #9146ff !important
}

.search_button__SYOZc.search_riotLogin__SjW2N {
    background: #be363a !important
}

.search_guidelink__SnTd0,
.search_newsItemlink__QxBLE {
    background-color: transparent !important;
    padding: 0 !important;
    text-transform: inherit !important;

    letter-spacing: inherit !important;
    min-width: auto !important;
    border-radius: 0 !important
}

.search_guidelink__SnTd0:hover,
.search_newsItemlink__QxBLE:hover {
    background-color: transparent !important
}

.lightMode .search_input__bNbIk .MuiInputLabel-root {
    color: #6f6f6f !important
}

.lightMode .search_input__bNbIk .MuiFilledInput-root:after,
.lightMode .search_input__bNbIk .MuiFilledInput-root:before,
.lightMode .search_input__bNbIk .MuiFilledInput-root:focus,
.lightMode .search_input__bNbIk .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.lightMode .search_input__bNbIk .MuiFilledInput-input {
    color: #262626 !important;
    background-color: #fafafa !important;
    border: 1px solid #cacaca
}

.lightMode .search_input__bNbIk .MuiOutlinedInput-input {
    color: #262626 !important
}

.lightMode .search_input__bNbIk .MuiOutlinedInput-input::-moz-placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .search_input__bNbIk .MuiOutlinedInput-input::placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .search_input__bNbIk .Mui-error {
    color: #ee4f5c !important
}

.lightMode .search_select__fXze3 .Mui-focused,
.lightMode .search_select__fXze3 .MuiSelect-icon,
.lightMode .search_select__fXze3 .MuiSelect-select {
    color: #6f6f6f !important
}

.lightMode .search_label__9Lpz_,
.lightMode .search_label__9Lpz_ .Mui-focused {
    color: #6f6f6f !important
}

.lightMode .search_autoComplete__wxAxB {
    color: #fff
}

.lightMode .search_autoComplete__wxAxB .MuiInputLabel-root {
    color: #6f6f6f
}

.lightMode .search_autoComplete__wxAxB .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .search_autoComplete__wxAxB .MuiOutlinedInput-root .MuiAutocomplete-input,
.lightMode .search_autoComplete__wxAxB .MuiSvgIcon-root {
    color: #6f6f6f
}

.lightMode .search_autoComplete__wxAxB .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.lightMode .search_autoComplete__wxAxB .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.lightMode .search_autoComplete__wxAxB:hover .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .search_autoComplete__wxAxB:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.search_backgroundTakeover__78aD8 {
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    position: fixed;
    top: 0
}

@media screen and (max-width: 1220px) {
    .search_backgroundTakeover__78aD8 {
        display: none
    }
}

.search_backgroundTakeover__78aD8.search_desktopBackground__qOdjE {
    height: 1000px;
    width: 1900px
}

@media screen and (max-width: 1536px) {
    .search_backgroundTakeover__78aD8.search_desktopBackground__qOdjE {
        display: none
    }
}

.search_backgroundTakeover__78aD8.search_laptopBackground__fDH9B {
    height: 600px;
    width: 1536px
}

@media screen and (min-width: 1536px) {
    .search_backgroundTakeover__78aD8.search_laptopBackground__fDH9B {
        display: none
    }
}

.search_container__YiXeU {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #090909;
    padding: 0 5px;
    cursor: auto;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1536px) {
    .search_container__YiXeU {
        width: 1200px;
        padding: 0 5px
    }
}

@media screen and (max-width: 576px) {
    .search_container__YiXeU {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

    .search_container__YiXeU main {
        flex-direction: column;
        justify-content: center;
        padding: 0 10px
    }
}

.search_column__1W0hF {
    border: 1px solid #222;
    border-radius: 8px;
    margin-bottom: 15px
}

.search_column__1W0hF .search_columnBody__1RiDI {
    padding: 5px;
    border-top: 1px solid #222
}

.search_fullColumn__ARG9v {
    width: 100%
}

.search_middleColumn__sLEyp {
    width: 750px;
    margin: 0 15px
}

.search_middleColumn__sLEyp.search_twoColumnLayout__31BFO {
    width: 1015px;
    margin-left: 0
}

@media screen and (max-width: 576px) {

    .search_middleColumn__sLEyp,
    .search_middleColumn__sLEyp.search_twoColumnLayout__31BFO {
        width: 100%;
        margin: 0 0 15px
    }

    .search_middleColumn__sLEyp>div:last-child {
        margin-bottom: 0
    }
}

.search_leftColumn__9fGLG,
.search_rightColumn__N0Pey {
    width: 220px
}

@media screen and (max-width: 576px) {

    .search_leftColumn__9fGLG,
    .search_rightColumn__N0Pey {
        width: 100%
    }

    .search_leftColumn__9fGLG {
        display: none
    }
}

.search_singleColumn__fvIJY {
    width: 100%
}

.search_mainHeader__b_TOi {

    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
    display: flex
}

@media screen and (max-width: 576px) {
    .search_mainHeader__b_TOi {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 10px
    }
}

.search_mainHeader__b_TOi .search_gift__wGY11 {
    margin-left: 10px
}

.search_mainHeader__b_TOi .search_gift__wGY11 svg {
    color: #fff;
    cursor: pointer
}

.search_mainHeader__b_TOi .search_gift__wGY11 .search_giftBoxOpen__plU7S {
    background: #fff;
    border-radius: 12px;
    position: absolute;
    top: 28px;
    left: -105px;
    z-index: 1;
    width: 230px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    color: #aaa;
    justify-content: center;

    font-weight: 700;
    text-align: center
}

.search_mainHeader__b_TOi .search_gift__wGY11 .search_giftBoxOpen__plU7S .search_logoHolder__0HYFF {
    background-color: #151515;
    display: flex;
    padding: 10px;
    border-radius: 8px;
    justify-content: center;
    margin-bottom: 10px
}

.search_mainHeader__b_TOi .search_gift__wGY11 .search_giftBoxOpen__plU7S .search_button__SYOZc {
    margin-top: 10px
}

.search_mainHeader__b_TOi svg {
    height: 20px
}

.search_mainHeader__b_TOi svg.search_keyhole__tkhfj,
.search_mainHeader__b_TOi svg.search_search__6bE8t {
    color: #fff;
    cursor: pointer
}

.search_mainHeader__b_TOi svg.search_search__6bE8t {
    margin: 0 10px
}

.search_mainHeader__b_TOi svg.search_profile__r_ojd {
    margin-right: 10px
}

.search_mainHeader__b_TOi .search_notifications__sIukc {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer
}

.search_mainHeader__b_TOi .search_notifications__sIukc svg {
    color: #fff
}

.search_mainHeader__b_TOi .search_viewAllNotifications__StS8O {
    background-color: #cf3744
}

.search_mainHeader__b_TOi .search_logo___4l57 {
    flex: 4;
    display: flex;
    align-items: center
}

.search_mainHeader__b_TOi .search_logo___4l57 a {
    display: flex;
    align-items: center
}

.search_mainHeader__b_TOi .search_logo___4l57 a img {
    height: 22px
}

.search_mainHeader__b_TOi .search_logo___4l57 a .search_logoImage__WtgEf {
    margin-right: 5px
}

.search_mainHeader__b_TOi .search_logo___4l57 a .search_logoImage__WtgEf img {
    max-width: 55px !important;
    height: 40px
}

@media screen and (max-width: 576px) {
    .search_mainHeader__b_TOi .search_logo___4l57 a .search_logoText__JG8PQ {
        display: none
    }
}

.search_mainHeader__b_TOi .search_icons__WoavK {
    flex: 5;
    display: flex;
    align-items: center;

    font-weight: 400;
    justify-content: flex-end
}

.search_mainHeader__b_TOi .search_icons__WoavK .search_displayMode__2v71d {
    display: flex;
    align-items: center
}

.search_mainHeader__b_TOi .search_icons__WoavK .search_displayMode__2v71d button {
    background-color: transparent;
    font-size: 10px;
    cursor: pointer
}

.search_mainHeader__b_TOi .search_icons__WoavK .search_displayMode__2v71d button svg {
    margin-right: 5px
}

@media screen and (max-width: 576px) {

    .search_mainHeader__b_TOi .search_icons__WoavK .search_login__TQsPa,
    .search_mainHeader__b_TOi .search_icons__WoavK .search_logout__oz_Pi,
    .search_mainHeader__b_TOi .search_icons__WoavK .search_profile__r_ojd {
        display: none
    }
}

.search_mainHeader__b_TOi .search_mobileMenuIcon__f_I_h {
    align-items: center;
    display: flex
}

.search_mainHeader__b_TOi .search_mobileMenuIcon__f_I_h svg {
    color: #fff
}

@media screen and (min-width: 576px) {
    .search_mainHeader__b_TOi .search_mobileMenuIcon__f_I_h {
        display: none
    }
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS {
    flex: 13;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul {
    display: flex;
    margin: 0
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li:last-child {
    margin-right: 0
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease;
    padding: 10px 15px
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a.search_selected__y4VaL,
.search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a:hover {
    background-color: #cf3744 !important;
    color: #fff;
    border-radius: 100px
}

@media screen and (max-width: 576px) {
    .search_mainHeader__b_TOi .search_gamesNavBar__vLtPS {
        display: none
    }
}

.search_mainMenu__Kvxfr {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px
}

.search_mainMenu__Kvxfr ul {
    display: flex;
    margin: 0
}

.search_mainMenu__Kvxfr ul li {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.search_mainMenu__Kvxfr ul li:last-child {
    margin-right: 0
}

.search_mainMenu__Kvxfr ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease
}

.search_mainMenu__Kvxfr ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.search_mainMenu__Kvxfr ul li a.search_selected__y4VaL {
    color: #ee4f5c
}

.search_mainMenu__Kvxfr ul li a:hover {
    color: #ee4f5c;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .search_mainMenu__Kvxfr {
        display: none
    }
}

.search_footer__CU04k {
    border-top: 1px solid #222;
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k {
        border-top: 0;
        padding-top: 10px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 40px
    }
}

.search_footer__CU04k .search_logoImage__WtgEf {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center
}

.search_footer__CU04k .search_logoImage__WtgEf img {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k .search_linksHolder__0bASa {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start
    }
}

.search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 {
        flex-direction: column
    }
}

.search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 .search_section___h5Cq {
    margin-right: 25px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 .search_section___h5Cq {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 a {
    color: #848484;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12px
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 a {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 .search_pmLink___MDGr {
    visibility: hidden;
    color: #848484;
    text-decoration: none;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 0;
    cursor: pointer;
    background: 0 0;
    border: none
}

@media screen and (max-width: 576px) {
    .search_footer__CU04k .search_linksHolder__0bASa .search_links__JC6i1 .search_pmLink___MDGr {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.search_footer__CU04k .search_socialLinks__23Bpg {
    display: flex;
    justify-content: center;
    margin: 5px 0 15px
}

.search_footer__CU04k .search_socialLinks__23Bpg a {
    color: #fff;
    margin-right: 15px
}

.search_footer__CU04k .search_socialLinks__23Bpg a svg {
    transition: all .4s ease;
    height: 20px
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_twitter__3X7Ma:hover svg {
    color: #1da1f2
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_youtube__T6bDD:hover svg {
    color: #fe0000
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_facebook___G8fg:hover svg {
    color: #036ce4
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_instagram__7HVz_:hover svg {
    color: #f00075
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_tiktok__5uE2z:hover svg {
    color: #fe2c55
}

.search_footer__CU04k .search_socialLinks__23Bpg a.search_discord__wg7AJ:hover svg {
    color: #5865f2
}

.search_footer__CU04k .search_footerText__RfKj2 {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #aaa;
    font-size: 10px
}

.search_footerMenu__Dz3K0 {
    display: none
}

.search_footerMenu__Dz3K0 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex: 1
}

.search_footerMenu__Dz3K0 ul li a {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    color: #aaa
}

.search_footerMenu__Dz3K0 ul li a svg {
    height: 18px
}

.search_footerMenu__Dz3K0 ul li a span {
    font-size: 10px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700
}

.search_footerMenu__Dz3K0 ul li.search_selected__y4VaL a {
    color: #ee4f5c
}

@media screen and (max-width: 576px) {
    .search_footerMenu__Dz3K0 {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        background: transparent linear-gradient(180deg, #171717, #000) 0 0 no-repeat padding-box
    }

    .search_loginButtonDesktop__X_Xvc {
        display: none !important
    }
}

.lightMode .search_container__YiXeU {
    background-color: #dadadc
}

.lightMode .search_column__1W0hF {
    border: 1px solid #cacaca;
    background-color: #eaeaea
}

.lightMode .search_column__1W0hF .search_columnBody__1RiDI {
    border-top: 1px solid #cacaca
}

.lightMode .search_mainHeader__b_TOi {
    border-bottom: 1px solid #cacaca
}

@media screen and (max-width: 576px) {
    .lightMode .search_mainHeader__b_TOi {
        border-bottom: 0
    }
}

.lightMode .search_mainHeader__b_TOi .search_gift__wGY11 svg {
    color: #464646;
    cursor: pointer
}

.lightMode .search_mainHeader__b_TOi .search_gift__wGY11 .search_giftBoxOpen__plU7S {
    background: #151515;
    color: #6f6f6f
}

.lightMode .search_mainHeader__b_TOi .search_gift__wGY11 .search_giftBoxOpen__plU7S .search_logoHolder__0HYFF {
    background-color: #292929
}

.lightMode .search_mainHeader__b_TOi svg {
    color: #767676
}

.lightMode .search_mainHeader__b_TOi svg.search_keyhole__tkhfj,
.lightMode .search_mainHeader__b_TOi svg.search_search__6bE8t {
    color: #464646
}

.lightMode .search_mainHeader__b_TOi .search_icons__WoavK .search_displayMode__2v71d button {
    color: #767676
}

.lightMode .search_mainHeader__b_TOi .search_notifications__sIukc svg {
    color: #464646
}

.lightMode .search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a {
    color: #6f6f6f
}

.lightMode .search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a.search_selected__y4VaL,
.lightMode .search_mainHeader__b_TOi .search_gamesNavBar__vLtPS ul li a:hover {
    background-color: #cf3744 !important;
    color: #fff !important
}

@media screen and (max-width: 576px) {
    .lightMode .search_mainHeader__b_TOi .search_gamesNavBar__vLtPS {
        display: none
    }
}

.lightMode .search_mainMenu__Kvxfr ul li a {
    color: #6f6f6f
}

.lightMode .search_mainMenu__Kvxfr ul li a.search_selected__y4VaL {
    color: #ee4f5c
}

.lightMode .search_mainMenu__Kvxfr ul li a:hover {
    color: #ee4f5c;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .lightMode .search_mainMenu__Kvxfr {
        display: none
    }
}

.lightMode .search_footer__CU04k {
    border-color: #cacaca
}

.lightMode .search_footer__CU04k .search_links__JC6i1 .search_section___h5Cq {
    color: #464646
}

.lightMode .search_footer__CU04k .search_links__JC6i1 a {
    color: #848484
}

.lightMode .search_footer__CU04k .search_socialLinks__23Bpg a {
    color: #464646
}

.lightMode .search_footer__CU04k .search_footerText__RfKj2 {
    color: #848484
}

@media screen and (max-width: 576px) {
    .lightMode .search_footerMenu__Dz3K0 {
        background: transparent linear-gradient(0deg, #ededed, #fff) 0 0 no-repeat padding-box
    }
}

.search_liveCircle__lnPzR {
    border-radius: 50%;
    background: #ff5252;
    box-shadow: 0 0 0 0 #ff5252;
    height: 8px;
    width: 8px;
    transform: scale(1);
    animation: search_pulse-red__1_DgO 2s infinite;
    display: inline-block
}

@keyframes search_pulse-red__1_DgO {
    0% {
        transform: scale(.65);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
    }

    70% {
        transform: scale(.5);
        box-shadow: 0 0 0 5px transparent
    }

    to {
        transform: scale(.65);
        box-shadow: 0 0 0 0 transparent
    }
}

.search_closeModal__24Hqi {
    background: #292929;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 20px;
    position: absolute;
    right: -20px;
    top: -15px;
    cursor: pointer
}

.search_backgroundOverlay__38elw {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 8px;
    z-index: 1;
    top: 0;
    left: 0
}

.search_subMenu__pniCl {
    border-bottom: 1px solid #222;
    align-items: stretch
}

@media screen and (max-width: 576px) {
    .search_subMenu__pniCl {
        display: flex;
        align-items: center
    }
}

.search_subMenu__pniCl ul {
    display: flex;
    flex-direction: row;
    flex: 1;
    grid-gap: 40px;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .search_subMenu__pniCl ul li {
        display: none
    }
}

.search_subMenu__pniCl ul li a {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: #aaa
}

.search_subMenu__pniCl ul li.search_selected__y4VaL,
.search_subMenu__pniCl ul li:hover {
    border-bottom: 2px solid #ee4f5c
}

.search_subMenu__pniCl ul li.search_selected__y4VaL a,
.search_subMenu__pniCl ul li:hover a {
    color: #fff
}

@media screen and (max-width: 576px) {
    .search_subMenu__pniCl ul li.search_selected__y4VaL {
        display: block
    }
}

.search_subMenu__pniCl .search_expandMobileMenu__KS1xi {
    padding: 10px;
    border-left: 1px solid #222;
    position: relative
}

.search_subMenu__pniCl .search_expandMobileMenu__KS1xi svg {
    color: #fff;
    width: 15px;
    height: 15px
}

@media screen and (min-width: 768px) {
    .search_subMenu__pniCl .search_expandMobileMenu__KS1xi {
        display: none
    }
}

.search_subMenu__pniCl .search_mobileDropdown__6ql5B {
    position: absolute;
    top: 35px;
    right: 0;
    background: #151515;
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-gap: 5px;
    border: 1px solid #222;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 50;
    width: 120px
}

.search_subMenu__pniCl .search_mobileDropdown__6ql5B li {
    display: block
}

@media screen and (max-width: 576px) {
    .search_subMenu__pniCl .search_mobileDropdown__6ql5B li.search_selected__y4VaL {
        display: none
    }
}

.search_flag__j5ooW {
    width: 20px !important;
    height: 15px !important
}

.search_viewMore__Xqb_K {
    display: flex;
    justify-content: center;
    flex: 1;
    margin-top: 5px
}

.search_center__sCvhW {
    text-align: center
}

.search_left__3f7zk {
    text-align: left
}

.search_right__CztL_ {
    text-align: right
}

@keyframes search_placeHolderShimmer__ikz_Y {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.search_animated-background__11SOH {
    background: #f6f6f6;
    background: linear-gradient(90deg, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 800px 104px
}

.search_animated-background-dark__5CeQQ,
.search_animated-background__11SOH {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: search_placeHolderShimmer__ikz_Y;
    animation-timing-function: linear;
    height: 96px;
    position: relative
}

.search_animated-background-dark__5CeQQ {
    background: #151515;
    background: linear-gradient(90deg, #151515 8%, #171717 18%, #151515 33%);
    background-size: 800px 104px
}

.search_commentLoggedOut__SFLK9 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
    text-align: center
}

.search_commentLoggedOut__SFLK9>span {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500
}

.search_tableHeader__jeIGB {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    border-radius: 8px 8px 0 0;
    text-transform: uppercase;
    font-weight: 700
}

.search_tableHeader__jeIGB>div {
    padding: 10px 5px;
    flex: 1;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: default;
    word-break: break-word
}

.search_tableHeader__jeIGB>div.search_sortable___WAp4 {
    cursor: pointer
}

.search_tableHeader__jeIGB>div.search_left__3f7zk {
    justify-content: flex-start
}

.search_tableHeader__jeIGB>div svg {
    display: inline-block;
    margin-left: 4px;
    width: 13px;
    height: 13px
}

.search_tableRow__EUXFS {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    font-weight: 700
}

.search_tableRow__EUXFS:last-child {
    border-radius: 0 0 8px 8px
}

.search_tableRow__EUXFS>a {
    display: flex;
    flex: 1;
    color: #aaa;
    transition: background-color .4s ease
}

.search_tableRow__EUXFS>a:hover {
    background-color: #1e1e1e
}

.search_tableRow__EUXFS>a:hover div span {
    transition: background-color .4s ease;
    background-color: #151515
}

.search_tableRow__EUXFS>a div {
    padding: 5px
}

.search_tableRow__EUXFS>a div span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px
}

.search_tableRow__EUXFS>div {
    flex: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 5px
}

.search_tableRow__EUXFS>div a {
    display: flex;
    flex: 1;
    color: #aaa
}

.search_tableRow__EUXFS>div>span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.search_tableRow__EUXFS>div>span small {
    font-size: 10px
}

.search_tableRow__EUXFS>div.search_left__3f7zk {
    justify-content: flex-start
}

.search_tableRow__EUXFS>div.search_agent__r7WxP {
    padding: 0 0 0 10px;
    grid-gap: 5px;
    display: flex
}

.search_tableRow__EUXFS>div.search_agent__r7WxP span {
    border-radius: 0
}

.search_paging__MMCXS {
    display: flex;
    justify-content: center;
    grid-gap: 5px;
    margin: 5px 10px 10px
}

.search_paging__MMCXS li {
    background-color: #151515;
    border-radius: 8px;
    padding: 10px;
    font-weight: 500;
    cursor: pointer
}

.search_paging__MMCXS li:hover {
    background-color: #1e1e1e
}

.search_paging__MMCXS li.search_selected__y4VaL {
    background-color: #cf3744;
    color: #fff
}

.search_loadingOverlay__IDh9F {
    position: absolute;
    background-color: hsla(0, 0%, 52%, .5);
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    top: 0;
    left: 0
}

.search_commentError__ys0O7 {
    margin-right: 10px
}

.search_commentError__ys0O7 .search_errorMessage__yNm_Q {
    padding: 0 5px;
    border-radius: 8px;
    align-items: center
}

.search_commentError__ys0O7 .search_errorMessage__yNm_Q .MuiAlert-icon {
    margin-right: 5px
}

.search_placementsAd__s0xke {
    margin-bottom: 15px;
    display: flex;
    justify-content: center
}

.search_placementsAd__s0xke.search_outLeft__LP4S1 {
    position: fixed;
    top: 125px;
    left: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .search_placementsAd__s0xke.search_outLeft__LP4S1 {
        display: none
    }
}

.search_placementsAd__s0xke.search_outRight__zK3UW {
    position: fixed;
    top: 125px;
    right: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .search_placementsAd__s0xke.search_outRight__zK3UW {
        display: none
    }
}

.search_placementsAd__s0xke.search_desktop__f1aiw {
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    .search_placementsAd__s0xke.search_desktop__f1aiw {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .search_placementsAd__s0xke.search_mobile__nlX8g {
        display: none
    }
}

.search_placementsAd__s0xke.search_stickyMobile__9jcEV,
.search_placementsAd__s0xke:last-child {
    margin-bottom: 0
}

.search_placementsAd__s0xke.search_skyscraperRightColumn__SyUXA {
    display: none
}

@media screen and (max-width: 1640px) {
    .search_placementsAd__s0xke.search_skyscraperRightColumn__SyUXA {
        display: block
    }
}

.search_placementsAd__s0xke.search_matchesList__1oPoT,
.search_placementsAd__s0xke.search_teamsList__KAhur,
.search_placementsAd__s0xke.search_topicsList__ErMIj {
    margin: 5px 0
}

.search_floatingVideo__Cj0Sa {
    width: 250px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10
}

@media screen and (max-width: 1800px) {
    .search_floatingVideo__Cj0Sa {
        display: none
    }
}

.search_mobileMenu__LlnCX {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #323232;
    top: 0;
    left: 0
}

.search_mobileMenu__LlnCX ul {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.search_mobileMenu__LlnCX ul li {
    text-align: center;
    margin-bottom: 30px
}

.search_mobileMenu__LlnCX ul li:last-child {
    margin-bottom: 0
}

.search_mobileMenu__LlnCX ul li a,
.search_mobileMenu__LlnCX ul li span {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700
}

.search_mobileMenu__LlnCX ul li a svg,
.search_mobileMenu__LlnCX ul li span svg {
    width: 15px;
    height: 15px
}

.search_mobileMenu__LlnCX ul li a.search_selected__y4VaL,
.search_mobileMenu__LlnCX ul li a:hover,
.search_mobileMenu__LlnCX ul li span.search_selected__y4VaL,
.search_mobileMenu__LlnCX ul li span:hover {
    color: #ee4f5c
}

.search_mobileMenu__LlnCX ul li>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0 20px 60px;
    position: relative
}

.search_mobileMenu__LlnCX ul li>ul li {
    position: relative;
    margin-bottom: 30px
}

.search_mobileMenu__LlnCX ul li>ul li:last-child {
    margin-bottom: 0
}

.search_mobileMenu__LlnCX ul li>ul li a {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.search_mobileMenu__LlnCX ul li>ul li a svg {
    width: 15px;
    height: 15px
}

.search_mobileMenu__LlnCX .search_close__oOx_5 {
    right: 20px;
    top: 20px;
    position: absolute;
    background-color: #1e1e1e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    font-weight: 500
}

.search_regionFilters__lt_3h {
    margin: 0;
    padding: 0;
    font-weight: 700
}

.search_regionFilters__lt_3h .search_li__CpkZE {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    background: #151515;
    border-radius: 35px;
    margin: 2px;
    cursor: pointer;
    color: #767676;
    transition: background-color .4s ease
}

@media screen and (min-width: 992px) {
    .search_regionFilters__lt_3h .search_li__CpkZE:hover {
        background: #1e1e1e
    }
}

.search_regionFilters__lt_3h .search_li__CpkZE.search_selected__y4VaL {
    background: #fafafa;
    color: #000
}

.search_regionFilters__lt_3h .search_li__CpkZE .search_flag__j5ooW {
    margin-right: 5px
}

.search_breadcrumb__imegS {
    color: #ee4f5c
}

.search_breadcrumb__imegS a {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.search_breadcrumb__imegS .search_currentPage__DT3iu {
    color: #8e8e8e
}

.search_breadcrumb__imegS svg {
    width: 15px;
    height: 15px;
    color: #ee4f5c
}

.lightMode .search_regionFilters__lt_3h .search_li__CpkZE {
    background: #fafafa;
    color: #262626
}

@media screen and (min-width: 992px) {
    .lightMode .search_regionFilters__lt_3h .search_li__CpkZE:hover {
        background: #dbdbdb
    }
}

.lightMode .search_regionFilters__lt_3h .search_li__CpkZE.search_selected__y4VaL {
    background: #262626;
    color: #fff
}

.lightMode .search_closeModal__24Hqi {
    background: #fafafa;
    color: #8b8b8b;
    font-weight: 400
}

.lightMode .search_subMenu__pniCl {
    border-bottom: 1px solid #cacaca
}

.lightMode .search_subMenu__pniCl ul li.search_selected__y4VaL a,
.lightMode .search_subMenu__pniCl ul li:hover a {
    color: #7c7c7c
}

.lightMode .search_subMenu__pniCl .search_expandMobileMenu__KS1xi {
    border-left: 1px solid #cacaca
}

.lightMode .search_subMenu__pniCl .search_expandMobileMenu__KS1xi svg {
    color: #262626
}

.lightMode .search_subMenu__pniCl .search_mobileDropdown__6ql5B {
    background: #fafafa;
    border: 1px solid #cacaca
}

.lightMode .search_subMenu__pniCl .search_mobileDropdown__6ql5B li {
    display: block
}

@media screen and (max-width: 576px) {
    .lightMode .search_subMenu__pniCl .search_mobileDropdown__6ql5B li.search_selected__y4VaL {
        display: none
    }
}

.lightMode .search_tableHeader__jeIGB,
.lightMode .search_tableRow__EUXFS {
    background-color: #fafafa;
    border-bottom-color: #cacaca
}

.lightMode .search_tableRow__EUXFS>a {
    color: #6f6f6f
}

.lightMode .search_tableRow__EUXFS>a:hover {
    background-color: #dbdbdb
}

.lightMode .search_tableRow__EUXFS>a div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .search_tableRow__EUXFS>div a {
    color: #6f6f6f
}

.lightMode .search_tableRow__EUXFS>div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .search_commentError__ys0O7 .search_errorMessage__yNm_Q {
    background-color: #f7d6d6
}

.lightMode .search_flag__j5ooW {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.lightMode .search_loadingOverlay__IDh9F {
    background-color: rgba(0, 0, 0, .5)
}

.lightMode .search_mobileMenu__LlnCX {
    background: #fafafa
}

.lightMode .search_mobileMenu__LlnCX ul li a {
    color: #6f6f6f
}

.lightMode .search_mobileMenu__LlnCX .search_close__oOx_5 {
    background-color: #dbdbdb;
    color: #262626
}

.lightMode .search_breadcrumb__imegS {
    color: #ee4f5c
}

.lightMode .search_breadcrumb__imegS a {
    color: #262626
}

.lightMode .search_breadcrumb__imegS .search_currentPage__DT3iu {
    color: #6f6f6f
}

.lightMode .search_paging__MMCXS li {
    background-color: #fafafa;
    cursor: pointer
}

.lightMode .search_paging__MMCXS li:hover {
    background-color: #dbdbdb
}

.lightMode .search_paging__MMCXS li.search_selected__y4VaL {
    background-color: #cf3744;
    color: #fff
}

.search_search__6bE8t {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #323232;
    padding: 20px 0;
    z-index: 999999;
    overflow-y: scroll
}

@media screen and (max-width: 576px) {
    .search_search__6bE8t {
        padding: 20px 10px
    }
}

.search_search__6bE8t .search_container__YiXeU {
    position: relative;
    background: 0 0
}

.search_search__6bE8t .search_container__YiXeU .search_searchInput__7glIZ {
    margin-top: 20px
}

.search_search__6bE8t .search_container__YiXeU .search_searchClose__GNav0 {
    position: absolute;
    top: 35px;
    right: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #292929;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI {
    display: flex;
    flex-direction: column
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI {
    background-color: #151515;
    border-radius: 8px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color .4s ease
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5 a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI a {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    padding: 10px;
    color: #aaa
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C:last-child,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5:last-child,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg:last-child,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5:last-child,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i:last-child,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI:last-child {
    margin-bottom: 0
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C:hover,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5:hover,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg:hover,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5:hover,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i:hover,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI:hover {
    background-color: #1e1e1e
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5.search_hasImage__9FRl0 {
    margin-top: 10px
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a {
    padding: 0
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a .search_playerDetails__9CuK8 {
    padding: 10px;
    display: flex;
    align-items: center
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a .search_playerDetails__9CuK8 img {
    margin-right: 10px
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a .search_playerDetails__9CuK8 .search_nickname__9m49r {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin: 0 3px
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a .search_image__vgatQ {
    position: relative;
    width: 100px;
    height: 120px;
    margin-top: -10px
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_section___h5Cq {
    padding: 5px 10px;
    color: #fff;
    font-weight: 500
}

.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5 a,
.search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg a {
    line-height: 16px
}

.lightMode .search_search__6bE8t {
    background: #eaeaea
}

.lightMode .search_search__6bE8t .search_container__YiXeU {
    background: 0 0
}

.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI {
    background-color: #fafafa
}

.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C a,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5 a,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg a,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i a,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI a {
    color: #6f6f6f
}

.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_event___nC1C:hover,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_guides__mu_P5:hover,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_news__Zt1yg:hover,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5:hover,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_series__AGq9i:hover,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_team__ZLBdI:hover {
    background-color: #dbdbdb
}

.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchResults__dFktI .search_player__5zH_5 a .search_playerDetails__9CuK8 .search_nickname__9m49r,
.lightMode .search_search__6bE8t .search_container__YiXeU .search_section___h5Cq {
    color: #262626
}

.lightMode .search_search__6bE8t .search_container__YiXeU .search_searchClose__GNav0 {
    background-color: #dbdbdb
}

.layout_input__AFJs3 {
    width: 100%;
    margin-bottom: 5px !important
}

.layout_input__AFJs3 .MuiInputLabel-root {
    color: #fff !important
}

.layout_input__AFJs3 .MuiFilledInput-root {
    border-radius: 8px
}

.layout_input__AFJs3 .MuiFilledInput-root:after,
.layout_input__AFJs3 .MuiFilledInput-root:before,
.layout_input__AFJs3 .MuiFilledInput-root:focus,
.layout_input__AFJs3 .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.layout_input__AFJs3 .MuiFilledInput-input {
    color: #fff !important;
    background-color: #151515 !important;
    border-radius: 8px;
    border: 1px solid #222;
    font-weight: 500
}

.layout_input__AFJs3 .MuiOutlinedInput-input {
    border-radius: 8px;
    color: #fff !important
}

.layout_input__AFJs3 .MuiFormHelperText-root {
    color: #aaa !important
}

.layout_input__AFJs3 .Mui-error {
    color: #ee4f5c !important
}

.layout_input__AFJs3 .MuiFilledInput-input.Mui-disabled {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .5)
}

.layout_label__pQcRg {
    color: #aaa !important
}

.layout_select__hSPCi .MuiSelect-select {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    color: #aaa !important
}

.layout_select__hSPCi .Mui-focused,
.layout_select__hSPCi .MuiSelect-icon {
    color: #aaa !important
}

.layout_select__hSPCi.layout_languageDropdown__bZYiB .MuiOutlinedInput-notchedOutline {
    border: 0 !important
}

.layout_select__hSPCi.layout_languageDropdown__bZYiB .MuiOutlinedInput-input {
    padding: 0 42px 0 0 !important;
    text-overflow: unset !important
}

.layout_select__hSPCi.layout_padded__J1SsG .MuiSelect-select {
    padding-top: 15px !important;
    padding-bottom: 13px !important
}

.layout_autoComplete__tfmsT {
    color: #fff
}

.layout_autoComplete__tfmsT .MuiInputLabel-root {
    color: #aaa
}

.layout_autoComplete__tfmsT .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.layout_autoComplete__tfmsT .MuiOutlinedInput-root .MuiAutocomplete-input,
.layout_autoComplete__tfmsT .MuiSvgIcon-root {
    color: #aaa
}

.layout_autoComplete__tfmsT .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.layout_autoComplete__tfmsT .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.layout_autoComplete__tfmsT .Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 1px !important
}

.layout_autoComplete__tfmsT:hover .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.layout_autoComplete__tfmsT:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c
}

.layout_button__F_Gd3 {
    color: #fff !important;
    font-weight: 700 !important
}

.layout_button__F_Gd3,
.layout_button__F_Gd3:hover {
    background: #cf3744 !important
}

.layout_button__F_Gd3 img,
.layout_button__F_Gd3 svg {
    width: 20px;
    margin-right: 10px
}

.layout_button__F_Gd3.layout_twitterLogin__Xtz5v {
    background: #1da1f2 !important
}

.layout_button__F_Gd3.layout_twitchLogin___ngbf {
    background: #9146ff !important
}

.layout_button__F_Gd3.layout_riotLogin__2yFYW {
    background: #be363a !important
}

.layout_guidelink__DYpqT,
.layout_newsItemlink__YCBZ2 {
    background-color: transparent !important;
    padding: 0 !important;
    text-transform: inherit !important;
    font-size: inherit !important;
    letter-spacing: inherit !important;
    min-width: auto !important;
    border-radius: 0 !important
}

.layout_guidelink__DYpqT:hover,
.layout_newsItemlink__YCBZ2:hover {
    background-color: transparent !important
}

.lightMode .layout_input__AFJs3 .MuiInputLabel-root {
    color: #6f6f6f !important
}

.lightMode .layout_input__AFJs3 .MuiFilledInput-root:after,
.lightMode .layout_input__AFJs3 .MuiFilledInput-root:before,
.lightMode .layout_input__AFJs3 .MuiFilledInput-root:focus,
.lightMode .layout_input__AFJs3 .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.lightMode .layout_input__AFJs3 .MuiFilledInput-input {
    color: #262626 !important;
    background-color: #fafafa !important;
    border: 1px solid #cacaca
}

.lightMode .layout_input__AFJs3 .MuiOutlinedInput-input {
    color: #262626 !important
}

.lightMode .layout_input__AFJs3 .MuiOutlinedInput-input::-moz-placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .layout_input__AFJs3 .MuiOutlinedInput-input::placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .layout_input__AFJs3 .Mui-error {
    color: #ee4f5c !important
}

.lightMode .layout_select__hSPCi .Mui-focused,
.lightMode .layout_select__hSPCi .MuiSelect-icon,
.lightMode .layout_select__hSPCi .MuiSelect-select {
    color: #6f6f6f !important
}

.lightMode .layout_label__pQcRg,
.lightMode .layout_label__pQcRg .Mui-focused {
    color: #6f6f6f !important
}

.lightMode .layout_autoComplete__tfmsT {
    color: #fff
}

.lightMode .layout_autoComplete__tfmsT .MuiInputLabel-root {
    color: #6f6f6f
}

.lightMode .layout_autoComplete__tfmsT .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .layout_autoComplete__tfmsT .MuiOutlinedInput-root .MuiAutocomplete-input,
.lightMode .layout_autoComplete__tfmsT .MuiSvgIcon-root {
    color: #6f6f6f
}

.lightMode .layout_autoComplete__tfmsT .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.lightMode .layout_autoComplete__tfmsT .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.lightMode .layout_autoComplete__tfmsT:hover .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .layout_autoComplete__tfmsT:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.layout_liveCircle__qDUi2 {
    border-radius: 50%;
    background: #ff5252;
    box-shadow: 0 0 0 0 #ff5252;
    height: 8px;
    width: 8px;
    transform: scale(1);
    animation: layout_pulse-red__Mb8R8 2s infinite;
    display: inline-block
}

@keyframes layout_pulse-red__Mb8R8 {
    0% {
        transform: scale(.65);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
    }

    70% {
        transform: scale(.5);
        box-shadow: 0 0 0 5px transparent
    }

    to {
        transform: scale(.65);
        box-shadow: 0 0 0 0 transparent
    }
}

.layout_closeModal__iImx4 {
    background: #292929;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 20px;
    position: absolute;
    right: -20px;
    top: -15px;
    cursor: pointer
}

.layout_backgroundOverlay__zQ1KY {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 8px;
    z-index: 1;
    top: 0;
    left: 0
}

.layout_subMenu__XWSxY {
    border-bottom: 1px solid #222;
    align-items: stretch
}

@media screen and (max-width: 576px) {
    .layout_subMenu__XWSxY {
        display: flex;
        align-items: center
    }
}

.layout_subMenu__XWSxY ul {
    display: flex;
    flex-direction: row;
    flex: 1;
    grid-gap: 40px;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .layout_subMenu__XWSxY ul li {
        display: none
    }
}

.layout_subMenu__XWSxY ul li a {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: #aaa
}

.layout_subMenu__XWSxY ul li.layout_selected__LXKD3,
.layout_subMenu__XWSxY ul li:hover {
    border-bottom: 2px solid #ee4f5c
}

.layout_subMenu__XWSxY ul li.layout_selected__LXKD3 a,
.layout_subMenu__XWSxY ul li:hover a {
    color: #fff
}

@media screen and (max-width: 576px) {
    .layout_subMenu__XWSxY ul li.layout_selected__LXKD3 {
        display: block
    }
}

.layout_subMenu__XWSxY .layout_expandMobileMenu__EIMEi {
    padding: 10px;
    border-left: 1px solid #222;
    position: relative
}

.layout_subMenu__XWSxY .layout_expandMobileMenu__EIMEi svg {
    color: #fff;
    width: 15px;
    height: 15px
}

@media screen and (min-width: 768px) {
    .layout_subMenu__XWSxY .layout_expandMobileMenu__EIMEi {
        display: none
    }
}

.layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN {
    position: absolute;
    top: 35px;
    right: 0;
    background: #151515;
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-gap: 5px;
    border: 1px solid #222;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 50;
    width: 120px
}

.layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN li {
    display: block
}

@media screen and (max-width: 576px) {
    .layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN li.layout_selected__LXKD3 {
        display: none
    }
}

.layout_flag__j0jI4 {
    width: 20px !important;
    height: 15px !important
}

.layout_viewMore__Vjdyw {
    display: flex;
    justify-content: center;
    flex: 1;
    margin-top: 5px
}

.layout_center__mc9Nf {
    text-align: center
}

.layout_left__ObHQg {
    text-align: left
}

.layout_right__uE_R4 {
    text-align: right
}

@keyframes layout_placeHolderShimmer__AXZA7 {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.layout_animated-background__DyZ4t {
    background: #f6f6f6;
    background: linear-gradient(90deg, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 800px 104px
}

.layout_animated-background-dark__zyuzo,
.layout_animated-background__DyZ4t {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: layout_placeHolderShimmer__AXZA7;
    animation-timing-function: linear;
    height: 96px;
    position: relative
}

.layout_animated-background-dark__zyuzo {
    background: #151515;
    background: linear-gradient(90deg, #151515 8%, #171717 18%, #151515 33%);
    background-size: 800px 104px
}

.layout_commentLoggedOut___O5_E {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
    text-align: center
}

.layout_commentLoggedOut___O5_E>span {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500
}

.layout_tableHeader__3R133 {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    border-radius: 8px 8px 0 0;
    text-transform: uppercase;
    font-weight: 700
}

.layout_tableHeader__3R133>div {
    padding: 10px 5px;
    flex: 1;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: default;
    word-break: break-word
}

.layout_tableHeader__3R133>div.layout_sortable__FJdHo {
    cursor: pointer
}

.layout_tableHeader__3R133>div.layout_left__ObHQg {
    justify-content: flex-start
}

.layout_tableHeader__3R133>div svg {
    display: inline-block;
    margin-left: 4px;
    width: 13px;
    height: 13px
}

.layout_tableRow__RJxUw {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    font-weight: 700
}

.layout_tableRow__RJxUw:last-child {
    border-radius: 0 0 8px 8px
}

.layout_tableRow__RJxUw>a {
    display: flex;
    flex: 1;
    color: #aaa;
    transition: background-color .4s ease
}

.layout_tableRow__RJxUw>a:hover {
    background-color: #1e1e1e
}

.layout_tableRow__RJxUw>a:hover div span {
    transition: background-color .4s ease;
    background-color: #151515
}

.layout_tableRow__RJxUw>a div {
    padding: 5px
}

.layout_tableRow__RJxUw>a div span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px
}

.layout_tableRow__RJxUw>div {
    flex: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 5px
}

.layout_tableRow__RJxUw>div a {
    display: flex;
    flex: 1;
    color: #aaa
}

.layout_tableRow__RJxUw>div>span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.layout_tableRow__RJxUw>div>span small {
    font-size: 10px
}

.layout_tableRow__RJxUw>div.layout_left__ObHQg {
    justify-content: flex-start
}

.layout_tableRow__RJxUw>div.layout_agent__ThyqX {
    padding: 0 0 0 10px;
    grid-gap: 5px;
    display: flex
}

.layout_tableRow__RJxUw>div.layout_agent__ThyqX span {
    border-radius: 0
}

.layout_paging__KBHLM {
    display: flex;
    justify-content: center;
    grid-gap: 5px;
    margin: 5px 10px 10px
}

.layout_paging__KBHLM li {
    background-color: #151515;
    border-radius: 8px;
    padding: 10px;
    font-weight: 500;
    cursor: pointer
}

.layout_paging__KBHLM li:hover {
    background-color: #1e1e1e
}

.layout_paging__KBHLM li.layout_selected__LXKD3 {
    background-color: #cf3744;
    color: #fff
}

.layout_loadingOverlay__97Qtp {
    position: absolute;
    background-color: hsla(0, 0%, 52%, .5);
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    top: 0;
    left: 0
}

.layout_commentError__VSVRe {
    margin-right: 10px
}

.layout_commentError__VSVRe .layout_errorMessage__llYWn {
    padding: 0 5px;
    border-radius: 8px;
    align-items: center
}

.layout_commentError__VSVRe .layout_errorMessage__llYWn .MuiAlert-icon {
    margin-right: 5px
}

.layout_placementsAd__MbJsQ {
    margin-bottom: 15px;
    display: flex;
    justify-content: center
}

.layout_placementsAd__MbJsQ.layout_outLeft__icE5o {
    position: fixed;
    top: 125px;
    left: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .layout_placementsAd__MbJsQ.layout_outLeft__icE5o {
        display: none
    }
}

.layout_placementsAd__MbJsQ.layout_outRight__BnjDJ {
    position: fixed;
    top: 125px;
    right: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .layout_placementsAd__MbJsQ.layout_outRight__BnjDJ {
        display: none
    }
}

.layout_placementsAd__MbJsQ.layout_desktop__ekARr {
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    .layout_placementsAd__MbJsQ.layout_desktop__ekARr {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .layout_placementsAd__MbJsQ.layout_mobile__m_9HD {
        display: none
    }
}

.layout_placementsAd__MbJsQ.layout_stickyMobile__lM4AJ,
.layout_placementsAd__MbJsQ:last-child {
    margin-bottom: 0
}

.layout_placementsAd__MbJsQ.layout_skyscraperRightColumn__5W84g {
    display: none
}

@media screen and (max-width: 1640px) {
    .layout_placementsAd__MbJsQ.layout_skyscraperRightColumn__5W84g {
        display: block
    }
}

.layout_placementsAd__MbJsQ.layout_matchesList__aIRhz,
.layout_placementsAd__MbJsQ.layout_teamsList___cz6c,
.layout_placementsAd__MbJsQ.layout_topicsList__BqKh0 {
    margin: 5px 0
}

.layout_floatingVideo__eNTA5 {
    width: 250px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10
}

@media screen and (max-width: 1800px) {
    .layout_floatingVideo__eNTA5 {
        display: none
    }
}

.layout_mobileMenu__ydDjZ {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background: #323232;
    top: 0;
    left: 0
}

.layout_mobileMenu__ydDjZ ul {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.layout_mobileMenu__ydDjZ ul li {
    text-align: center;
    margin-bottom: 30px
}

.layout_mobileMenu__ydDjZ ul li:last-child {
    margin-bottom: 0
}

.layout_mobileMenu__ydDjZ ul li a,
.layout_mobileMenu__ydDjZ ul li span {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700
}

.layout_mobileMenu__ydDjZ ul li a svg,
.layout_mobileMenu__ydDjZ ul li span svg {
    width: 15px;
    height: 15px
}

.layout_mobileMenu__ydDjZ ul li a.layout_selected__LXKD3,
.layout_mobileMenu__ydDjZ ul li a:hover,
.layout_mobileMenu__ydDjZ ul li span.layout_selected__LXKD3,
.layout_mobileMenu__ydDjZ ul li span:hover {
    color: #ee4f5c
}

.layout_mobileMenu__ydDjZ ul li>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0 20px 60px;
    position: relative
}

.layout_mobileMenu__ydDjZ ul li>ul li {
    position: relative;
    margin-bottom: 30px
}

.layout_mobileMenu__ydDjZ ul li>ul li:last-child {
    margin-bottom: 0
}

.layout_mobileMenu__ydDjZ ul li>ul li a {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.layout_mobileMenu__ydDjZ ul li>ul li a svg {
    width: 15px;
    height: 15px
}

.layout_mobileMenu__ydDjZ .layout_close__BE0m5 {
    right: 20px;
    top: 20px;
    position: absolute;
    background-color: #1e1e1e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    font-weight: 500
}

.layout_regionFilters__Qcod2 {
    margin: 0;
    padding: 0;
    font-weight: 700
}

.layout_regionFilters__Qcod2 .layout_li__anv0x {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    background: #151515;
    border-radius: 35px;
    margin: 2px;
    cursor: pointer;
    color: #767676;
    transition: background-color .4s ease
}

@media screen and (min-width: 992px) {
    .layout_regionFilters__Qcod2 .layout_li__anv0x:hover {
        background: #1e1e1e
    }
}

.layout_regionFilters__Qcod2 .layout_li__anv0x.layout_selected__LXKD3 {
    background: #fafafa;
    color: #000
}

.layout_regionFilters__Qcod2 .layout_li__anv0x .layout_flag__j0jI4 {
    margin-right: 5px
}

.layout_breadcrumb__V7D64 {
    color: #ee4f5c
}

.layout_breadcrumb__V7D64 a {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.layout_breadcrumb__V7D64 .layout_currentPage__GWx42 {
    color: #8e8e8e
}

.layout_breadcrumb__V7D64 svg {
    width: 15px;
    height: 15px;
    color: #ee4f5c
}

.lightMode .layout_regionFilters__Qcod2 .layout_li__anv0x {
    background: #fafafa;
    color: #262626
}

@media screen and (min-width: 992px) {
    .lightMode .layout_regionFilters__Qcod2 .layout_li__anv0x:hover {
        background: #dbdbdb
    }
}

.lightMode .layout_regionFilters__Qcod2 .layout_li__anv0x.layout_selected__LXKD3 {
    background: #262626;
    color: #fff
}

.lightMode .layout_closeModal__iImx4 {
    background: #fafafa;
    color: #8b8b8b;
    font-weight: 400
}

.lightMode .layout_subMenu__XWSxY {
    border-bottom: 1px solid #cacaca
}

.lightMode .layout_subMenu__XWSxY ul li.layout_selected__LXKD3 a,
.lightMode .layout_subMenu__XWSxY ul li:hover a {
    color: #7c7c7c
}

.lightMode .layout_subMenu__XWSxY .layout_expandMobileMenu__EIMEi {
    border-left: 1px solid #cacaca
}

.lightMode .layout_subMenu__XWSxY .layout_expandMobileMenu__EIMEi svg {
    color: #262626
}

.lightMode .layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN {
    background: #fafafa;
    border: 1px solid #cacaca
}

.lightMode .layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN li {
    display: block
}

@media screen and (max-width: 576px) {
    .lightMode .layout_subMenu__XWSxY .layout_mobileDropdown__I0xUN li.layout_selected__LXKD3 {
        display: none
    }
}

.lightMode .layout_tableHeader__3R133,
.lightMode .layout_tableRow__RJxUw {
    background-color: #fafafa;
    border-bottom-color: #cacaca
}

.lightMode .layout_tableRow__RJxUw>a {
    color: #6f6f6f
}

.lightMode .layout_tableRow__RJxUw>a:hover {
    background-color: #dbdbdb
}

.lightMode .layout_tableRow__RJxUw>a div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .layout_tableRow__RJxUw>div a {
    color: #6f6f6f
}

.lightMode .layout_tableRow__RJxUw>div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .layout_commentError__VSVRe .layout_errorMessage__llYWn {
    background-color: #f7d6d6
}

.lightMode .layout_flag__j0jI4 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.lightMode .layout_loadingOverlay__97Qtp {
    background-color: rgba(0, 0, 0, .5)
}

.lightMode .layout_mobileMenu__ydDjZ {
    background: #fafafa
}

.lightMode .layout_mobileMenu__ydDjZ ul li a {
    color: #6f6f6f
}

.lightMode .layout_mobileMenu__ydDjZ .layout_close__BE0m5 {
    background-color: #dbdbdb;
    color: #262626
}

.lightMode .layout_breadcrumb__V7D64 {
    color: #ee4f5c
}

.lightMode .layout_breadcrumb__V7D64 a {
    color: #262626
}

.lightMode .layout_breadcrumb__V7D64 .layout_currentPage__GWx42 {
    color: #6f6f6f
}

.lightMode .layout_paging__KBHLM li {
    background-color: #fafafa;
    cursor: pointer
}

.lightMode .layout_paging__KBHLM li:hover {
    background-color: #dbdbdb
}

.lightMode .layout_paging__KBHLM li.layout_selected__LXKD3 {
    background-color: #cf3744;
    color: #fff
}

.layout_backgroundTakeover__1u5RF {
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    position: fixed;
    top: 0
}

@media screen and (max-width: 1220px) {
    .layout_backgroundTakeover__1u5RF {
        display: none
    }
}

.layout_backgroundTakeover__1u5RF.layout_desktopBackground__w3MeI {
    height: 1000px;
    width: 1900px
}

@media screen and (max-width: 1536px) {
    .layout_backgroundTakeover__1u5RF.layout_desktopBackground__w3MeI {
        display: none
    }
}

.layout_backgroundTakeover__1u5RF.layout_laptopBackground__JKpkn {
    height: 600px;
    width: 1536px
}

@media screen and (min-width: 1536px) {
    .layout_backgroundTakeover__1u5RF.layout_laptopBackground__JKpkn {
        display: none
    }
}

.layout_container__8mgcn {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #090909;
    padding: 0 5px;
    cursor: auto;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1536px) {
    .layout_container__8mgcn {
        width: 1200px;
        padding: 0 5px
    }
}

@media screen and (max-width: 576px) {
    .layout_container__8mgcn {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

    .layout_container__8mgcn main {
        flex-direction: column;
        justify-content: center;
        padding: 0 10px
    }
}

.layout_column__RmPbw {
    border: 1px solid #222;
    border-radius: 8px;
    margin-bottom: 15px
}

.layout_column__RmPbw .layout_columnBody__jAwY_ {
    padding: 5px;
    border-top: 1px solid #222
}

.layout_fullColumn__nIrEx {
    width: 100%
}

.layout_middleColumn__qU2fo {
    width: 750px;
    margin: 0 15px
}

.layout_middleColumn__qU2fo.layout_twoColumnLayout__j8ngS {
    width: 1015px;
    margin-left: 0
}

@media screen and (max-width: 576px) {

    .layout_middleColumn__qU2fo,
    .layout_middleColumn__qU2fo.layout_twoColumnLayout__j8ngS {
        width: 100%;
        margin: 0 0 15px
    }

    .layout_middleColumn__qU2fo>div:last-child {
        margin-bottom: 0
    }
}

.layout_leftColumn__bSxiQ,
.layout_rightColumn__v5qeW {
    width: 220px
}

@media screen and (max-width: 576px) {

    .layout_leftColumn__bSxiQ,
    .layout_rightColumn__v5qeW {
        width: 100%
    }

    .layout_leftColumn__bSxiQ {
        display: none
    }
}

.layout_singleColumn__sMz_P {
    width: 100%
}

.layout_mainHeader__nUtVa {
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
    display: flex
}

@media screen and (max-width: 576px) {
    .layout_mainHeader__nUtVa {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 10px
    }
}

.layout_mainHeader__nUtVa .layout_gift__ILSSV {
    margin-left: 10px
}

.layout_mainHeader__nUtVa .layout_gift__ILSSV svg {
    color: #fff;
    cursor: pointer
}

.layout_mainHeader__nUtVa .layout_gift__ILSSV .layout_giftBoxOpen__blrc5 {
    background: #fff;
    border-radius: 12px;
    position: absolute;
    top: 28px;
    left: -105px;
    z-index: 1;
    width: 230px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    color: #aaa;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.layout_mainHeader__nUtVa .layout_gift__ILSSV .layout_giftBoxOpen__blrc5 .layout_logoHolder__wFdUD {
    background-color: #151515;
    display: flex;
    padding: 10px;
    border-radius: 8px;
    justify-content: center;
    margin-bottom: 10px
}

.layout_mainHeader__nUtVa .layout_gift__ILSSV .layout_giftBoxOpen__blrc5 .layout_button__F_Gd3 {
    margin-top: 10px
}

.layout_mainHeader__nUtVa svg {
    height: 20px
}

.layout_mainHeader__nUtVa svg.layout_keyhole__F2hCH,
.layout_mainHeader__nUtVa svg.layout_search__7B4gu {
    color: #fff;
    cursor: pointer
}

.layout_mainHeader__nUtVa svg.layout_search__7B4gu {
    margin: 0 10px
}

.layout_mainHeader__nUtVa svg.layout_profile__VdvJn {
    margin-right: 10px
}

.layout_mainHeader__nUtVa .layout_notifications__QhV44 {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer
}

.layout_mainHeader__nUtVa .layout_notifications__QhV44 svg {
    color: #fff
}

.layout_mainHeader__nUtVa .layout_viewAllNotifications__sFJrT {
    background-color: #cf3744
}

.layout_mainHeader__nUtVa .layout_logo__vQN5n {
    flex: 4;
    display: flex;
    align-items: center
}

.layout_mainHeader__nUtVa .layout_logo__vQN5n a {
    display: flex;
    align-items: center
}

.layout_mainHeader__nUtVa .layout_logo__vQN5n a img {
    height: 22px
}

.layout_mainHeader__nUtVa .layout_logo__vQN5n a .layout_logoImage__pckRV {
    margin-right: 5px
}

.layout_mainHeader__nUtVa .layout_logo__vQN5n a .layout_logoImage__pckRV img {
    max-width: 55px !important;
    height: 40px
}

@media screen and (max-width: 576px) {
    .layout_mainHeader__nUtVa .layout_logo__vQN5n a .layout_logoText__EkrWz {
        display: none
    }
}

.layout_mainHeader__nUtVa .layout_icons__h5h_p {
    flex: 5;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    justify-content: flex-end
}

.layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_displayMode___GqBC {
    display: flex;
    align-items: center
}

.layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_displayMode___GqBC button {
    background-color: transparent;
    font-size: 10px;
    cursor: pointer
}

.layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_displayMode___GqBC button svg {
    margin-right: 5px
}

@media screen and (max-width: 576px) {

    .layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_login__JrzUC,
    .layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_logout__FkcnY,
    .layout_mainHeader__nUtVa .layout_icons__h5h_p .layout_profile__VdvJn {
        display: none
    }
}

.layout_mainHeader__nUtVa .layout_mobileMenuIcon__tHc7T {
    align-items: center;
    display: flex
}

.layout_mainHeader__nUtVa .layout_mobileMenuIcon__tHc7T svg {
    color: #fff
}

@media screen and (min-width: 576px) {
    .layout_mainHeader__nUtVa .layout_mobileMenuIcon__tHc7T {
        display: none
    }
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc {
    flex: 13;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul {
    display: flex;
    margin: 0
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li:last-child {
    margin-right: 0
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease;
    padding: 10px 15px
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li a.layout_selected__LXKD3,
.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li a:hover {
    background-color: #cf3744 !important;
    color: #fff;
    border-radius: 100px
}

@media screen and (max-width: 576px) {
    .layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc {
        display: none
    }
}

.layout_mainMenu__Dk0_h {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px
}

.layout_mainMenu__Dk0_h ul {
    display: flex;
    margin: 0
}

.layout_mainMenu__Dk0_h ul li {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.layout_mainMenu__Dk0_h ul li:last-child {
    margin-right: 0
}

.layout_mainMenu__Dk0_h ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease
}

.layout_mainMenu__Dk0_h ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.layout_mainMenu__Dk0_h ul li a.layout_selected__LXKD3 {
    color: #ee4f5c
}

.layout_mainMenu__Dk0_h ul li a:hover {
    color: #ee4f5c;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .layout_mainMenu__Dk0_h {
        display: none
    }
}

.layout_footer__djSHN {
    border-top: 1px solid #222;
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN {
        border-top: 0;
        padding-top: 10px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 40px
    }
}

.layout_footer__djSHN .layout_logoImage__pckRV {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center
}

.layout_footer__djSHN .layout_logoImage__pckRV img {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN .layout_linksHolder__QlmZl {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start
    }
}

.layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U {
        flex-direction: column
    }
}

.layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U .layout_section__q1Enk {
    margin-right: 25px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U .layout_section__q1Enk {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U a {
    color: #848484;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12px
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U a {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U .layout_pmLink__d0bTL {
    visibility: hidden;
    color: #848484;
    text-decoration: none;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 0;
    cursor: pointer;
    background: 0 0;
    border: none
}

@media screen and (max-width: 576px) {
    .layout_footer__djSHN .layout_linksHolder__QlmZl .layout_links__p8i1U .layout_pmLink__d0bTL {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.layout_footer__djSHN .layout_socialLinks__hraJN {
    display: flex;
    justify-content: center;
    margin: 5px 0 15px
}

.layout_footer__djSHN .layout_socialLinks__hraJN a {
    color: #fff;
    margin-right: 15px
}

.layout_footer__djSHN .layout_socialLinks__hraJN a svg {
    transition: all .4s ease;
    height: 20px
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_twitter__kx2oI:hover svg {
    color: #1da1f2
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_youtube__uywzM:hover svg {
    color: #fe0000
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_facebook__ZxyT0:hover svg {
    color: #036ce4
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_instagram__yxiuW:hover svg {
    color: #f00075
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_tiktok__f9h_C:hover svg {
    color: #fe2c55
}

.layout_footer__djSHN .layout_socialLinks__hraJN a.layout_discord__BWHzD:hover svg {
    color: #5865f2
}

.layout_footer__djSHN .layout_footerText__hygTK {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #aaa;
    font-size: 10px
}

.layout_footerMenu__U5BCJ {
    display: none
}

.layout_footerMenu__U5BCJ ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex: 1
}

.layout_footerMenu__U5BCJ ul li a {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    color: #aaa
}

.layout_footerMenu__U5BCJ ul li a svg {
    height: 18px
}

.layout_footerMenu__U5BCJ ul li a span {
    font-size: 10px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700
}

.layout_footerMenu__U5BCJ ul li.layout_selected__LXKD3 a {
    color: #ee4f5c
}

@media screen and (max-width: 576px) {
    .layout_footerMenu__U5BCJ {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        background: transparent linear-gradient(180deg, #171717, #000) 0 0 no-repeat padding-box
    }

    .layout_loginButtonDesktop__c6Jo7 {
        display: none !important
    }
}

.lightMode .layout_container__8mgcn {
    background-color: #dadadc
}

.lightMode .layout_column__RmPbw {
    border: 1px solid #cacaca;
    background-color: #eaeaea
}

.lightMode .layout_column__RmPbw .layout_columnBody__jAwY_ {
    border-top: 1px solid #cacaca
}

@media screen and (max-width: 576px) {
    .lightMode .layout_mainHeader__nUtVa {
        border-bottom: 0
    }
}

@media screen and (max-width: 576px) {
    .lightMode .layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .lightMode .layout_mainMenu__Dk0_h {
        display: none
    }
}

.lightMode .layout_footer__djSHN {
    border-color: #cacaca
}

.lightMode .layout_footer__djSHN .layout_links__p8i1U .layout_section__q1Enk {
    color: #464646
}

.lightMode .layout_footer__djSHN .layout_links__p8i1U a {
    color: #848484
}

.lightMode .layout_footer__djSHN .layout_socialLinks__hraJN a {
    color: #464646
}

.lightMode .layout_footer__djSHN .layout_footerText__hygTK {
    color: #848484
}

@media screen and (max-width: 576px) {
    .lightMode .layout_footerMenu__U5BCJ {
        background: transparent linear-gradient(0deg, #ededed, #fff) 0 0 no-repeat padding-box
    }
}

.home_backgroundTakeover___CfMf {
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    position: fixed;
    top: 0
}

@media screen and (max-width: 1220px) {
    .home_backgroundTakeover___CfMf {
        display: none
    }
}

.home_backgroundTakeover___CfMf.home_desktopBackground__t7NoJ {
    height: 1000px;
    width: 1900px
}

@media screen and (max-width: 1536px) {
    .home_backgroundTakeover___CfMf.home_desktopBackground__t7NoJ {
        display: none
    }
}

.home_backgroundTakeover___CfMf.home_laptopBackground__hSJTv {
    height: 600px;
    width: 1536px
}

@media screen and (min-width: 1536px) {
    .home_backgroundTakeover___CfMf.home_laptopBackground__hSJTv {
        display: none
    }
}

.home_container__U_vei {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #090909;
    padding: 0 5px;
    cursor: auto;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1536px) {
    .home_container__U_vei {
        width: 1200px;
        padding: 0 5px
    }
}

@media screen and (max-width: 576px) {
    .home_container__U_vei {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

    .home_container__U_vei main {
        flex-direction: column;
        justify-content: center;
        padding: 0 10px
    }
}

.home_column__uS4w9 {
    border: 1px solid #222;
    border-radius: 8px;
    margin-bottom: 15px
}

.home_column__uS4w9 .home_columnBody__4aZDa {
    padding: 5px;
    border-top: 1px solid #222
}

.home_fullColumn__JbQuh {
    width: 100%
}

.home_middleColumn__Ut60_ {
    width: 750px;
    margin: 0 15px
}

.home_middleColumn__Ut60_.home_twoColumnLayout__08yQY {
    width: 1015px;
    margin-left: 0
}

@media screen and (max-width: 576px) {

    .home_middleColumn__Ut60_,
    .home_middleColumn__Ut60_.home_twoColumnLayout__08yQY {
        width: 100%;
        margin: 0 0 15px
    }

    .home_middleColumn__Ut60_>div:last-child {
        margin-bottom: 0
    }
}

.home_leftColumn__hjI9F,
.home_rightColumn__E0e1N {
    width: 220px
}

@media screen and (max-width: 576px) {

    .home_leftColumn__hjI9F,
    .home_rightColumn__E0e1N {
        width: 100%
    }

    .home_leftColumn__hjI9F {
        display: none
    }
}

.home_singleColumn__K9Hj5 {
    width: 100%
}

.home_mainHeader__IRxx4 {
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
    display: flex
}

@media screen and (max-width: 576px) {
    .home_mainHeader__IRxx4 {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 10px
    }
}

.home_mainHeader__IRxx4 .home_gift__vwYJm {
    margin-left: 10px
}

.home_mainHeader__IRxx4 .home_gift__vwYJm svg {
    color: #fff;
    cursor: pointer
}

.home_mainHeader__IRxx4 .home_gift__vwYJm .home_giftBoxOpen__MfNei {
    background: #fff;
    border-radius: 12px;
    position: absolute;
    top: 28px;
    left: -105px;
    z-index: 1;
    width: 230px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    color: #aaa;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.home_mainHeader__IRxx4 .home_gift__vwYJm .home_giftBoxOpen__MfNei .home_logoHolder__yeb86 {
    background-color: #151515;
    display: flex;
    padding: 10px;
    border-radius: 8px;
    justify-content: center;
    margin-bottom: 10px
}

.home_mainHeader__IRxx4 .home_gift__vwYJm .home_giftBoxOpen__MfNei .home_button__HEjkK {
    margin-top: 10px
}

.home_mainHeader__IRxx4 svg {
    height: 20px
}

.home_mainHeader__IRxx4 svg.home_keyhole__O93J3,
.home_mainHeader__IRxx4 svg.home_search__gYTM1 {
    color: #fff;
    cursor: pointer
}

.home_mainHeader__IRxx4 svg.home_search__gYTM1 {
    margin: 0 10px
}

.home_mainHeader__IRxx4 svg.home_profile__IhfuT {
    margin-right: 10px
}

.home_mainHeader__IRxx4 .home_notifications__qwdWT {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer
}

.home_mainHeader__IRxx4 .home_notifications__qwdWT svg {
    color: #fff
}

.home_mainHeader__IRxx4 .home_viewAllNotifications__q7v9G {
    background-color: #cf3744
}

.home_mainHeader__IRxx4 .home_logo__24cIy {
    flex: 4;
    display: flex;
    align-items: center
}

.home_mainHeader__IRxx4 .home_logo__24cIy a {
    display: flex;
    align-items: center
}

.home_mainHeader__IRxx4 .home_logo__24cIy a img {
    height: 22px
}

.home_mainHeader__IRxx4 .home_logo__24cIy a .home_logoImage__K9Xfb {
    margin-right: 5px
}

.home_mainHeader__IRxx4 .home_logo__24cIy a .home_logoImage__K9Xfb img {
    max-width: 55px !important;
    height: 40px
}

@media screen and (max-width: 576px) {
    .home_mainHeader__IRxx4 .home_logo__24cIy a .home_logoText__YjiIM {
        display: none
    }
}

.home_mainHeader__IRxx4 .home_icons__4mUxD {
    flex: 5;
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    justify-content: flex-end
}

.home_mainHeader__IRxx4 .home_icons__4mUxD .home_displayMode__iTp6E {
    display: flex;
    align-items: center
}

.home_mainHeader__IRxx4 .home_icons__4mUxD .home_displayMode__iTp6E button {
    background-color: transparent;
    font-size: 10px;
    cursor: pointer
}

.home_mainHeader__IRxx4 .home_icons__4mUxD .home_displayMode__iTp6E button svg {
    margin-right: 5px
}

@media screen and (max-width: 576px) {

    .home_mainHeader__IRxx4 .home_icons__4mUxD .home_login__KCIzc,
    .home_mainHeader__IRxx4 .home_icons__4mUxD .home_logout__c9mGh,
    .home_mainHeader__IRxx4 .home_icons__4mUxD .home_profile__IhfuT {
        display: none
    }
}

.home_mainHeader__IRxx4 .home_mobileMenuIcon__bbRsF {
    align-items: center;
    display: flex
}

.home_mainHeader__IRxx4 .home_mobileMenuIcon__bbRsF svg {
    color: #fff
}

@media screen and (min-width: 576px) {
    .home_mainHeader__IRxx4 .home_mobileMenuIcon__bbRsF {
        display: none
    }
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J {
    flex: 13;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul {
    display: flex;
    margin: 0
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li:last-child {
    margin-right: 0
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease;
    padding: 10px 15px
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a.home_selected__L9_ZZ,
.home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a:hover {
    background-color: #cf3744 !important;
    color: #fff;
    border-radius: 100px
}

@media screen and (max-width: 576px) {
    .home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J {
        display: none
    }
}

.home_mainMenu__cDtNx {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px
}

.home_mainMenu__cDtNx ul {
    display: flex;
    margin: 0
}

.home_mainMenu__cDtNx ul li {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.home_mainMenu__cDtNx ul li:last-child {
    margin-right: 0
}

.home_mainMenu__cDtNx ul li a {
    color: #aaa;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .4s ease
}

.home_mainMenu__cDtNx ul li a svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.home_mainMenu__cDtNx ul li a.home_selected__L9_ZZ {
    color: #ee4f5c
}

.home_mainMenu__cDtNx ul li a:hover {
    color: #ee4f5c;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .home_mainMenu__cDtNx {
        display: none
    }
}

.home_footer__MvQeQ {
    border-top: 1px solid #222;
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ {
        border-top: 0;
        padding-top: 10px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 40px
    }
}

.home_footer__MvQeQ .home_logoImage__K9Xfb {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center
}

.home_footer__MvQeQ .home_logoImage__K9Xfb img {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ .home_linksHolder__OEUK4 {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start
    }
}

.home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO {
        flex-direction: column
    }
}

.home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO .home_section__LskIX {
    margin-right: 25px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO .home_section__LskIX {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO a {
    color: #848484;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12px
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO a {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO .home_pmLink__xbCJY {
    visibility: hidden;
    color: #848484;
    text-decoration: none;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 0;
    cursor: pointer;
    background: 0 0;
    border: none
}

@media screen and (max-width: 576px) {
    .home_footer__MvQeQ .home_linksHolder__OEUK4 .home_links__QlLkO .home_pmLink__xbCJY {
        margin-right: 0;
        margin-bottom: 2px
    }
}

.home_footer__MvQeQ .home_socialLinks__l1VSi {
    display: flex;
    justify-content: center;
    margin: 5px 0 15px
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a {
    color: #fff;
    margin-right: 15px
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a svg {
    transition: all .4s ease;
    height: 20px
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_twitter__nT8au:hover svg {
    color: #1da1f2
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_youtube__lvsVS:hover svg {
    color: #fe0000
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_facebook__wS_sT:hover svg {
    color: #036ce4
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_instagram__MQIr5:hover svg {
    color: #f00075
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_tiktok__aLl8N:hover svg {
    color: #fe2c55
}

.home_footer__MvQeQ .home_socialLinks__l1VSi a.home_discord__C5Q43:hover svg {
    color: #5865f2
}

.home_footer__MvQeQ .home_footerText__5Tvws {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #aaa;
    font-size: 10px
}

.home_footerMenu__qrLqY {
    display: none
}

.home_footerMenu__qrLqY ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex: 1
}

.home_footerMenu__qrLqY ul li a {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    color: #aaa
}

.home_footerMenu__qrLqY ul li a svg {
    height: 18px
}

.home_footerMenu__qrLqY ul li a span {
    font-size: 10px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700
}

.home_footerMenu__qrLqY ul li.home_selected__L9_ZZ a {
    color: #ee4f5c
}

@media screen and (max-width: 576px) {
    .home_footerMenu__qrLqY {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        background: transparent linear-gradient(180deg, #171717, #000) 0 0 no-repeat padding-box
    }

    .home_loginButtonDesktop__eak9w {
        display: none !important
    }
}

.lightMode .home_container__U_vei {
    background-color: #dadadc
}

.lightMode .home_column__uS4w9 {
    border: 1px solid #cacaca;
    background-color: #eaeaea
}

.lightMode .home_column__uS4w9 .home_columnBody__4aZDa {
    border-top: 1px solid #cacaca
}

.lightMode .home_mainHeader__IRxx4 {
    border-bottom: 1px solid #cacaca
}

@media screen and (max-width: 576px) {
    .lightMode .home_mainHeader__IRxx4 {
        border-bottom: 0
    }
}

.lightMode .home_mainHeader__IRxx4 .home_gift__vwYJm svg {
    color: #464646;
    cursor: pointer
}

.lightMode .home_mainHeader__IRxx4 .home_gift__vwYJm .home_giftBoxOpen__MfNei {
    background: #151515;
    color: #6f6f6f
}

.lightMode .home_mainHeader__IRxx4 .home_gift__vwYJm .home_giftBoxOpen__MfNei .home_logoHolder__yeb86 {
    background-color: #292929
}

.lightMode .home_mainHeader__IRxx4 svg {
    color: #767676
}

.lightMode .home_mainHeader__IRxx4 svg.home_keyhole__O93J3,
.lightMode .home_mainHeader__IRxx4 svg.home_search__gYTM1 {
    color: #464646
}

.lightMode .home_mainHeader__IRxx4 .home_icons__4mUxD .home_displayMode__iTp6E button {
    color: #767676
}

.lightMode .home_mainHeader__IRxx4 .home_notifications__qwdWT svg {
    color: #464646
}

.lightMode .home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a {
    color: #6f6f6f
}

.lightMode .home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a.home_selected__L9_ZZ,
.lightMode .home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J ul li a:hover {
    background-color: #cf3744 !important;
    color: #fff !important
}

@media screen and (max-width: 576px) {
    .lightMode .home_mainHeader__IRxx4 .home_gamesNavBar__YRT0J {
        display: none
    }
}

.lightMode .home_mainMenu__cDtNx ul li a {
    color: #6f6f6f
}

.lightMode .home_mainMenu__cDtNx ul li a.home_selected__L9_ZZ {
    color: #ee4f5c
}

.lightMode .home_mainMenu__cDtNx ul li a:hover {
    color: #ee4f5c;
    text-decoration: none
}

@media screen and (max-width: 576px) {
    .lightMode .home_mainMenu__cDtNx {
        display: none
    }
}

.lightMode .home_footer__MvQeQ {
    border-color: #cacaca
}

.lightMode .home_footer__MvQeQ .home_links__QlLkO .home_section__LskIX {
    color: #464646
}

.lightMode .home_footer__MvQeQ .home_links__QlLkO a {
    color: #848484
}

.lightMode .home_footer__MvQeQ .home_socialLinks__l1VSi a {
    color: #464646
}

.lightMode .home_footer__MvQeQ .home_footerText__5Tvws {
    color: #848484
}

@media screen and (max-width: 576px) {
    .lightMode .home_footerMenu__qrLqY {
        background: transparent linear-gradient(0deg, #ededed, #fff) 0 0 no-repeat padding-box
    }
}

.home_liveCircle__owJeO {
    border-radius: 50%;
    background: #ff5252;
    box-shadow: 0 0 0 0 #ff5252;
    height: 8px;
    width: 8px;
    transform: scale(1);
    animation: home_pulse-red__GiC_d 2s infinite;
    display: inline-block
}

@keyframes home_pulse-red__GiC_d {
    0% {
        transform: scale(.65);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
    }

    70% {
        transform: scale(.5);
        box-shadow: 0 0 0 5px transparent
    }

    to {
        transform: scale(.65);
        box-shadow: 0 0 0 0 transparent
    }
}

.home_closeModal__hB9fL {
    background: #292929;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 20px;
    position: absolute;
    right: -20px;
    top: -15px;
    cursor: pointer
}

.home_backgroundOverlay__wEwPt {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 8px;
    z-index: 1;
    top: 0;
    left: 0
}

.home_subMenu__qaWAf {
    border-bottom: 1px solid #222;
    align-items: stretch
}

@media screen and (max-width: 576px) {
    .home_subMenu__qaWAf {
        display: flex;
        align-items: center
    }
}

.home_subMenu__qaWAf ul {
    display: flex;
    flex-direction: row;
    flex: 1;
    grid-gap: 40px;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .home_subMenu__qaWAf ul li {
        display: none
    }
}

.home_subMenu__qaWAf ul li a {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: #aaa
}

.home_subMenu__qaWAf ul li.home_selected__L9_ZZ,
.home_subMenu__qaWAf ul li:hover {
    border-bottom: 2px solid #ee4f5c
}

.home_subMenu__qaWAf ul li.home_selected__L9_ZZ a,
.home_subMenu__qaWAf ul li:hover a {
    color: #fff
}

@media screen and (max-width: 576px) {
    .home_subMenu__qaWAf ul li.home_selected__L9_ZZ {
        display: block
    }
}

.home_subMenu__qaWAf .home_expandMobileMenu__UgxO6 {
    padding: 10px;
    border-left: 1px solid #222;
    position: relative
}

.home_subMenu__qaWAf .home_expandMobileMenu__UgxO6 svg {
    color: #fff;
    width: 15px;
    height: 15px
}

@media screen and (min-width: 768px) {
    .home_subMenu__qaWAf .home_expandMobileMenu__UgxO6 {
        display: none
    }
}

.home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo {
    position: absolute;
    top: 35px;
    right: 0;
    background: #151515;
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-gap: 5px;
    border: 1px solid #222;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 50;
    width: 120px
}

.home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo li {
    display: block
}

@media screen and (max-width: 576px) {
    .home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo li.home_selected__L9_ZZ {
        display: none
    }
}

.home_flag__eblyj {
    width: 20px !important;
    height: 15px !important
}

.home_viewMore__teHRW {
    display: flex;
    justify-content: center;
    flex: 1;
    margin-top: 5px
}

.home_center__QYX_l {
    text-align: center
}

.home_left__DUQgx {
    text-align: left
}

.home_right__ELpp8 {
    text-align: right
}

@keyframes home_placeHolderShimmer__BeCSq {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.home_animated-background__tO_ic,
.lightMode .home_newsListLoading__Q5sai div {
    background: #f6f6f6;
    background: linear-gradient(90deg, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 800px 104px
}

.home_animated-background-dark__KfpyL,
.home_animated-background__tO_ic,
.home_newsListLoading__Q5sai div,
.lightMode .home_newsListLoading__Q5sai div {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: home_placeHolderShimmer__BeCSq;
    animation-timing-function: linear;
    height: 96px;
    position: relative
}

.home_animated-background-dark__KfpyL,
.home_newsListLoading__Q5sai div {
    background: #151515;
    background: linear-gradient(90deg, #151515 8%, #171717 18%, #151515 33%);
    background-size: 800px 104px
}

.home_commentLoggedOut__18q6S {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
    text-align: center
}

.home_commentLoggedOut__18q6S>span {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500
}

.home_tableHeader__yBObx {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    border-radius: 8px 8px 0 0;
    text-transform: uppercase;
    font-weight: 700
}

.home_tableHeader__yBObx>div {
    padding: 10px 5px;
    flex: 1;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: default;
    word-break: break-word
}

.home_tableHeader__yBObx>div.home_sortable__PcJTS {
    cursor: pointer
}

.home_tableHeader__yBObx>div.home_left__DUQgx {
    justify-content: flex-start
}

.home_tableHeader__yBObx>div svg {
    display: inline-block;
    margin-left: 4px;
    width: 13px;
    height: 13px
}

.home_tableRow__VKWdb {
    display: flex;
    background-color: #151515;
    border-bottom: 1px solid #222;
    font-weight: 700
}

.home_tableRow__VKWdb:last-child {
    border-radius: 0 0 8px 8px
}

.home_tableRow__VKWdb>a {
    display: flex;
    flex: 1;
    color: #aaa;
    transition: background-color .4s ease
}

.home_tableRow__VKWdb>a:hover {
    background-color: #1e1e1e
}

.home_tableRow__VKWdb>a:hover div span {
    transition: background-color .4s ease;
    background-color: #151515
}

.home_tableRow__VKWdb>a div {
    padding: 5px
}

.home_tableRow__VKWdb>a div span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px
}

.home_tableRow__VKWdb>div {
    flex: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 5px
}

.home_tableRow__VKWdb>div a {
    display: flex;
    flex: 1;
    color: #aaa
}

.home_tableRow__VKWdb>div>span {
    background-color: #292929;
    padding: 5px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.home_tableRow__VKWdb>div>span small {
    font-size: 10px
}

.home_tableRow__VKWdb>div.home_left__DUQgx {
    justify-content: flex-start
}

.home_tableRow__VKWdb>div.home_agent__OTjME {
    padding: 0 0 0 10px;
    grid-gap: 5px;
    display: flex
}

.home_tableRow__VKWdb>div.home_agent__OTjME span {
    border-radius: 0
}

.home_paging___QIDz {
    display: flex;
    justify-content: center;
    grid-gap: 5px;
    margin: 5px 10px 10px
}

.home_paging___QIDz li {
    background-color: #151515;
    border-radius: 8px;
    padding: 10px;
    font-weight: 500;
    cursor: pointer
}

.home_paging___QIDz li:hover {
    background-color: #1e1e1e
}

.home_paging___QIDz li.home_selected__L9_ZZ {
    background-color: #cf3744;
    color: #fff
}

.home_loadingOverlay__LN8Wz {
    position: absolute;
    background-color: hsla(0, 0%, 52%, .5);
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    top: 0;
    left: 0
}

.home_commentError__wDQm0 {
    margin-right: 10px
}

.home_commentError__wDQm0 .home_errorMessage__ua1cK {
    padding: 0 5px;
    border-radius: 8px;
    align-items: center
}

.home_commentError__wDQm0 .home_errorMessage__ua1cK .MuiAlert-icon {
    margin-right: 5px
}

.home_placementsAd__t238N {
    margin-bottom: 15px;
    display: flex;
    justify-content: center
}

.home_placementsAd__t238N.home_outLeft__M6ZGI {
    position: fixed;
    top: 125px;
    left: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .home_placementsAd__t238N.home_outLeft__M6ZGI {
        display: none
    }
}

.home_placementsAd__t238N.home_outRight__EkB02 {
    position: fixed;
    top: 125px;
    right: calc(((100vw - 1280px)/2 - 160px)/2)
}

@media screen and (max-width: 1640px) {
    .home_placementsAd__t238N.home_outRight__EkB02 {
        display: none
    }
}

.home_placementsAd__t238N.home_desktop__ku1hI {
    display: flex;
    align-items: center
}

@media screen and (max-width: 576px) {
    .home_placementsAd__t238N.home_desktop__ku1hI {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .home_placementsAd__t238N.home_mobile__B9Crm {
        display: none
    }
}

.home_placementsAd__t238N.home_stickyMobile__BZZz4,
.home_placementsAd__t238N:last-child {
    margin-bottom: 0
}

.home_placementsAd__t238N.home_skyscraperRightColumn__RfLld {
    display: none
}

@media screen and (max-width: 1640px) {
    .home_placementsAd__t238N.home_skyscraperRightColumn__RfLld {
        display: block
    }
}

.home_placementsAd__t238N.home_matchesList__LVohP,
.home_placementsAd__t238N.home_teamsList__msY4_,
.home_placementsAd__t238N.home_topicsList__zKKRw {
    margin: 5px 0
}

.home_floatingVideo__2wvx5 {
    width: 250px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10
}

@media screen and (max-width: 1800px) {
    .home_floatingVideo__2wvx5 {
        display: none
    }
}

.home_mobileMenu__57XD_ {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #323232;
    top: 0;
    left: 0
}

.home_mobileMenu__57XD_ ul {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.home_mobileMenu__57XD_ ul li {
    text-align: center;
    margin-bottom: 30px
}

.home_mobileMenu__57XD_ ul li:last-child {
    margin-bottom: 0
}

.home_mobileMenu__57XD_ ul li a,
.home_mobileMenu__57XD_ ul li span {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700
}

.home_mobileMenu__57XD_ ul li a svg,
.home_mobileMenu__57XD_ ul li span svg {
    width: 15px;
    height: 15px
}

.home_mobileMenu__57XD_ ul li a.home_selected__L9_ZZ,
.home_mobileMenu__57XD_ ul li a:hover,
.home_mobileMenu__57XD_ ul li span.home_selected__L9_ZZ,
.home_mobileMenu__57XD_ ul li span:hover {
    color: #ee4f5c
}

.home_mobileMenu__57XD_ ul li>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0 20px 60px;
    position: relative
}

.home_mobileMenu__57XD_ ul li>ul li {
    position: relative;
    margin-bottom: 30px
}

.home_mobileMenu__57XD_ ul li>ul li:last-child {
    margin-bottom: 0
}

.home_mobileMenu__57XD_ ul li>ul li a {
    color: #cdcdcd;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400
}

.home_mobileMenu__57XD_ ul li>ul li a svg {
    width: 15px;
    height: 15px
}

.home_mobileMenu__57XD_ .home_close__AsMk0 {
    right: 20px;
    top: 20px;
    position: absolute;
    background-color: #1e1e1e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    font-weight: 500
}

.home_regionFilters__wyIH4 {
    margin: 0;
    padding: 0;
    font-weight: 700
}

.home_regionFilters__wyIH4 .home_li__Ix5o0 {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    background: #151515;
    border-radius: 35px;
    margin: 2px;
    cursor: pointer;
    color: #767676;
    transition: background-color .4s ease
}

@media screen and (min-width: 992px) {
    .home_regionFilters__wyIH4 .home_li__Ix5o0:hover {
        background: #1e1e1e
    }
}

.home_regionFilters__wyIH4 .home_li__Ix5o0.home_selected__L9_ZZ {
    background: #fafafa;
    color: #000
}

.home_regionFilters__wyIH4 .home_li__Ix5o0 .home_flag__eblyj {
    margin-right: 5px
}

.home_breadcrumb__sQESq {
    color: #ee4f5c
}

.home_breadcrumb__sQESq a {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.home_breadcrumb__sQESq .home_currentPage__zSBla {
    color: #8e8e8e
}

.home_breadcrumb__sQESq svg {
    width: 15px;
    height: 15px;
    color: #ee4f5c
}

.lightMode .home_regionFilters__wyIH4 .home_li__Ix5o0 {
    background: #fafafa;
    color: #262626
}

@media screen and (min-width: 992px) {
    .lightMode .home_regionFilters__wyIH4 .home_li__Ix5o0:hover {
        background: #dbdbdb
    }
}

.lightMode .home_regionFilters__wyIH4 .home_li__Ix5o0.home_selected__L9_ZZ {
    background: #262626;
    color: #fff
}

.lightMode .home_closeModal__hB9fL {
    background: #fafafa;
    color: #8b8b8b;
    font-weight: 400
}

.lightMode .home_subMenu__qaWAf {
    border-bottom: 1px solid #cacaca
}

.lightMode .home_subMenu__qaWAf ul li.home_selected__L9_ZZ a,
.lightMode .home_subMenu__qaWAf ul li:hover a {
    color: #7c7c7c
}

.lightMode .home_subMenu__qaWAf .home_expandMobileMenu__UgxO6 {
    border-left: 1px solid #cacaca
}

.lightMode .home_subMenu__qaWAf .home_expandMobileMenu__UgxO6 svg {
    color: #262626
}

.lightMode .home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo {
    background: #fafafa;
    border: 1px solid #cacaca
}

.lightMode .home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo li {
    display: block
}

@media screen and (max-width: 576px) {
    .lightMode .home_subMenu__qaWAf .home_mobileDropdown__Hb3Wo li.home_selected__L9_ZZ {
        display: none
    }
}

.lightMode .home_tableHeader__yBObx,
.lightMode .home_tableRow__VKWdb {
    background-color: #fafafa;
    border-bottom-color: #cacaca
}

.lightMode .home_tableRow__VKWdb>a {
    color: #6f6f6f
}

.lightMode .home_tableRow__VKWdb>a:hover {
    background-color: #dbdbdb
}

.lightMode .home_tableRow__VKWdb>a div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .home_tableRow__VKWdb>div a {
    color: #6f6f6f
}

.lightMode .home_tableRow__VKWdb>div span {
    background-color: #ebebeb;
    color: #000
}

.lightMode .home_commentError__wDQm0 .home_errorMessage__ua1cK {
    background-color: #f7d6d6
}

.lightMode .home_flag__eblyj {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.lightMode .home_loadingOverlay__LN8Wz {
    background-color: rgba(0, 0, 0, .5)
}

.lightMode .home_mobileMenu__57XD_ {
    background: #fafafa
}

.lightMode .home_mobileMenu__57XD_ ul li a {
    color: #6f6f6f
}

.lightMode .home_mobileMenu__57XD_ .home_close__AsMk0 {
    background-color: #dbdbdb;
    color: #262626
}

.lightMode .home_breadcrumb__sQESq {
    color: #ee4f5c
}

.lightMode .home_breadcrumb__sQESq a {
    color: #262626
}

.lightMode .home_breadcrumb__sQESq .home_currentPage__zSBla {
    color: #6f6f6f
}

.lightMode .home_paging___QIDz li {
    background-color: #fafafa;
    cursor: pointer
}

.lightMode .home_paging___QIDz li:hover {
    background-color: #dbdbdb
}

.lightMode .home_paging___QIDz li.home_selected__L9_ZZ {
    background-color: #cf3744;
    color: #fff
}

.home_input__CGl5R {
    width: 100%;
    margin-bottom: 5px !important
}

.home_input__CGl5R .MuiInputLabel-root {
    color: #fff !important
}

.home_input__CGl5R .MuiFilledInput-root {
    border-radius: 8px
}

.home_input__CGl5R .MuiFilledInput-root:after,
.home_input__CGl5R .MuiFilledInput-root:before,
.home_input__CGl5R .MuiFilledInput-root:focus,
.home_input__CGl5R .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.home_input__CGl5R .MuiFilledInput-input {
    color: #fff !important;
    background-color: #151515 !important;
    border-radius: 8px;
    border: 1px solid #222;
    font-weight: 500
}

.home_input__CGl5R .MuiOutlinedInput-input {
    border-radius: 8px;
    color: #fff !important
}

.home_input__CGl5R .MuiFormHelperText-root {
    color: #aaa !important
}

.home_input__CGl5R .Mui-error {
    color: #ee4f5c !important
}

.home_input__CGl5R .MuiFilledInput-input.Mui-disabled {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .5)
}

.home_label__pEUCC {
    color: #aaa !important
}

.home_select__nnPyU .MuiSelect-select {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    color: #aaa !important
}

.home_select__nnPyU .Mui-focused,
.home_select__nnPyU .MuiSelect-icon {
    color: #aaa !important
}

.home_select__nnPyU.home_languageDropdown__0fyhN .MuiOutlinedInput-notchedOutline {
    border: 0 !important
}

.home_select__nnPyU.home_languageDropdown__0fyhN .MuiOutlinedInput-input {
    padding: 0 42px 0 0 !important;
    text-overflow: unset !important
}

.home_select__nnPyU.home_padded__Jf__O .MuiSelect-select {
    padding-top: 15px !important;
    padding-bottom: 13px !important
}

.home_autoComplete__XCNSD {
    color: #fff
}

.home_autoComplete__XCNSD .MuiInputLabel-root {
    color: #aaa
}

.home_autoComplete__XCNSD .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.home_autoComplete__XCNSD .MuiOutlinedInput-root .MuiAutocomplete-input,
.home_autoComplete__XCNSD .MuiSvgIcon-root {
    color: #aaa
}

.home_autoComplete__XCNSD .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.home_autoComplete__XCNSD .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.home_autoComplete__XCNSD .Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 1px !important
}

.home_autoComplete__XCNSD:hover .MuiOutlinedInput-notchedOutline {
    border-color: #222
}

.home_autoComplete__XCNSD:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c
}

.home_button__HEjkK {
    color: #fff !important;
    font-weight: 700 !important
}

.home_button__HEjkK,
.home_button__HEjkK:hover {
    background: #cf3744 !important
}

.home_button__HEjkK img,
.home_button__HEjkK svg {
    width: 20px;
    margin-right: 10px
}

.home_button__HEjkK.home_twitterLogin__J_ZHo {
    background: #1da1f2 !important
}

.home_button__HEjkK.home_twitchLogin__QvzmD {
    background: #9146ff !important
}

.home_button__HEjkK.home_riotLogin__WMtbN {
    background: #be363a !important
}

.home_guidelink__BBMfo,
.home_newsItemlink__Z8fC9 {
    background-color: transparent !important;
    padding: 0 !important;
    text-transform: inherit !important;
    font-size: inherit !important;
    letter-spacing: inherit !important;
    min-width: auto !important;
    border-radius: 0 !important
}

.home_guidelink__BBMfo:hover,
.home_newsItemlink__Z8fC9:hover {
    background-color: transparent !important
}

.lightMode .home_input__CGl5R .MuiInputLabel-root {
    color: #6f6f6f !important
}

.lightMode .home_input__CGl5R .MuiFilledInput-root:after,
.lightMode .home_input__CGl5R .MuiFilledInput-root:before,
.lightMode .home_input__CGl5R .MuiFilledInput-root:focus,
.lightMode .home_input__CGl5R .MuiFilledInput-root:hover {
    border-bottom: 0 !important
}

.lightMode .home_input__CGl5R .MuiFilledInput-input {
    color: #262626 !important;
    background-color: #fafafa !important;
    border: 1px solid #cacaca
}

.lightMode .home_input__CGl5R .MuiOutlinedInput-input {
    color: #262626 !important
}

.lightMode .home_input__CGl5R .MuiOutlinedInput-input::-moz-placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .home_input__CGl5R .MuiOutlinedInput-input::placeholder {
    color: #6f6f6f !important;
    font-weight: 400;
    opacity: 1
}

.lightMode .home_input__CGl5R .Mui-error {
    color: #ee4f5c !important
}

.lightMode .home_select__nnPyU .Mui-focused,
.lightMode .home_select__nnPyU .MuiSelect-icon,
.lightMode .home_select__nnPyU .MuiSelect-select {
    color: #6f6f6f !important
}

.lightMode .home_label__pEUCC,
.lightMode .home_label__pEUCC .Mui-focused {
    color: #6f6f6f !important
}

.lightMode .home_autoComplete__XCNSD {
    color: #fff
}

.lightMode .home_autoComplete__XCNSD .MuiInputLabel-root {
    color: #6f6f6f
}

.lightMode .home_autoComplete__XCNSD .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .home_autoComplete__XCNSD .MuiOutlinedInput-root .MuiAutocomplete-input,
.lightMode .home_autoComplete__XCNSD .MuiSvgIcon-root {
    color: #6f6f6f
}

.lightMode .home_autoComplete__XCNSD .MuiFormHelperText-root {
    color: #ee4f5c;
    font-weight: 700
}

.lightMode .home_autoComplete__XCNSD .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.lightMode .home_autoComplete__XCNSD:hover .MuiOutlinedInput-notchedOutline {
    border-color: #cacaca
}

.lightMode .home_autoComplete__XCNSD:hover .Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ee4f5c !important
}

.home_filters__9TOFE {
    padding: 20px 10px;
    border-bottom: 1px solid #222;
    margin-bottom: 10px
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE {
        padding: 15px 10px
    }
}

.home_filters__9TOFE .home_dayFilters__UD03o {
    margin-bottom: 20px
}

.home_filters__9TOFE .home_dayFilters__UD03o ul {
    display: flex;
    justify-content: space-between
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li button {
    font-size: 10px;
    text-transform: uppercase;
    background: 0 0;
    color: #aaa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 5px 18px;
    margin: 0;
    background-color: #151515;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color .4s ease
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_dayFilters__UD03o ul li button {
        padding: 5px 10px
    }
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li button .home_day__YdA0A {
    text-transform: none;
    font-size: 13px
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li button:hover {
    background-color: #1e1e1e
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_selected__L9_ZZ button {
    background-color: #cf3744;
    color: #fff
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_selected__L9_ZZ button .home_day__YdA0A {
    font-weight: 700
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_calendar__kMf07 {
    background: 0 0;
    display: flex;
    align-items: center;
    position: relative;
    height: 38px;
    width: 30px
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_calendar__kMf07 button {
    background-color: transparent;
    padding: 0
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_calendar__kMf07 svg {
    cursor: pointer;
    color: #fff;
    height: 30px;
    width: 30px
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_today__T96ho {
    margin-right: 45px
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_today__T96ho {
        margin-right: 0
    }
}

.home_filters__9TOFE .home_dayFilters__UD03o ul li.home_today__T96ho button {
    background: 0 0;
    border: 1px solid #fff
}

@media screen and (max-width: 576px) {

    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_customDayFilter___1tUu:nth-child(3),
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_customDayFilter___1tUu:nth-child(7),
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_dayFilter__ipI5d:first-child,
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_dayFilter__ipI5d:nth-child(2),
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_dayFilter__ipI5d:nth-child(8),
    .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_dayFilter__ipI5d:nth-child(9) {
        display: none
    }
}

.home_filters__9TOFE .home_matchState__sQgPw {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_matchState__sQgPw {
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .home_filters__9TOFE .home_matchState__sQgPw.home_today__T96ho {
        justify-content: flex-start
    }
}

.home_filters__9TOFE .home_matchState__sQgPw .home_button__HEjkK {
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    background: 0 0 !important;
    cursor: pointer
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_matchState__sQgPw .home_button__HEjkK {
        padding: 5px 10px;
        min-width: auto;
        font-size: 12px
    }
}

.home_filters__9TOFE .home_matchState__sQgPw .home_button__HEjkK.home_selected__L9_ZZ {
    background-color: #cf3744 !important;
    color: #fff;
    border-radius: 100px
}

.home_filters__9TOFE .home_matchState__sQgPw .home_filterButton__8_Orz {
    display: none
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_matchState__sQgPw .home_filterButton__8_Orz {
        display: inline-block;
        padding: 0 10px
    }

    .home_filters__9TOFE .home_matchState__sQgPw .home_filterButton__8_Orz.home_active__7prY2 {
        color: #ee4f5c
    }

    .home_filters__9TOFE .home_matchState__sQgPw .home_filterButton__8_Orz svg {
        width: 15px;
        height: 15px
    }
}

.home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S {
    background-color: #151515;
    color: #fff;
    border-radius: 8px
}

@media screen and (max-width: 576px) {
    .home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S {
        display: none
    }
}

.home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S.home_active__7prY2 {
    background-color: #cf3744;
    color: #fff
}

.home_event__S68Ur {
    margin: 15px 10px 0
}

.home_event__S68Ur a {
    display: flex;
    flex-direction: row;
    color: #aaa
}

.home_event__S68Ur a .home_eventFlag___NR2L {
    margin-right: 15px;
    display: flex;
    align-items: center
}

.home_event__S68Ur a .home_eventInfo__H1bDJ {
    display: flex;
    flex-direction: column
}

.home_event__S68Ur a .home_eventInfo__H1bDJ .home_eventTitle__JzV9b {
    margin-bottom: 2px;
    color: #fff
}

.home_event__S68Ur a .home_eventInfo__H1bDJ .home_eventCountry__qSGXh {
    font-size: 10px
}

.home_matchesListLoading__IDDfG {
    display: flex;
    justify-content: center;
    min-height: 800px;
    align-items: flex-start;
    padding-top: 50px
}

@media screen and (max-width: 576px) {
    .home_matchesListLoading__IDDfG {
        min-height: 500px
    }
}

.home_match__zMUZZ {
    background: linear-gradient(180deg, #1a1a1a, #151515);
    margin: 5px 10px;
    border-radius: 8px
}

.home_match__zMUZZ:hover {
    background: #1e1e1e
}

.home_match__zMUZZ:last-child {
    margin-bottom: 10px
}

.home_match__zMUZZ a {
    flex-wrap: wrap;
    display: flex;
    padding: 5px 0;
    text-decoration: none
}

.home_match__zMUZZ a .home_event__S68Ur {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    border-bottom: 1px solid #222;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    color: #aaa;
    font-weight: 700
}

.home_match__zMUZZ a .home_time__k9yiO {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 10px
}

.home_match__zMUZZ a .home_time__k9yiO .home_timeDetails__BGoRO {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #767676;
    font-weight: 700
}

.home_match__zMUZZ a .home_time__k9yiO .home_timeDetails__BGoRO .home_live__Uc8A_ {
    color: #fff
}

.home_match__zMUZZ a .home_time__k9yiO .home_timeDetails__BGoRO .home_timeDistance__jdzeg {
    font-size: 10px;
    margin-top: 2px;
    color: #aaa
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_time__k9yiO .home_timeDetails__BGoRO {
        font-size: 12px
    }
}

.home_match__zMUZZ a .home_info__gRiGL {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 10px
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_info__gRiGL {
        display: none
    }
}

.home_match__zMUZZ a .home_info__gRiGL .home_infoDetails__WemVr {
    flex: 3;
    display: flex;
    flex-direction: column;
    color: #767676;
    font-size: 12px;
    justify-content: center;
    font-weight: 700
}

.home_match__zMUZZ a .home_title__Q9lyE {
    flex: 1;
    font-size: 10px;
    color: #767676;
    font-weight: 700;
    padding: 5px 0
}

.home_match__zMUZZ a .home_teams__1ERnz {
    display: flex;
    flex: 5;
    flex-direction: column;
    padding-right: 10px
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_teams__1ERnz {
        flex: 4
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A {
    display: flex
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_teamNames__PMR__ {
    flex: 8
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, 40px);
    grid-template-areas: "a b c d e f"
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc {
        grid-template-columns: 30px;
        grid-template-areas: "a"
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:last-child {
    grid-area: f
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(2) {
    grid-area: e
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(3) {
    grid-area: d
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(4) {
    grid-area: c
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(5) {
    grid-area: b
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(6) {
    grid-area: a
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU {
        display: none
    }

    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs {
        display: inline-block;
        text-align: center
    }

    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs:last-child {
        grid-area: a
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_odds__syBgv {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, 40px);
    grid-template-areas: "a b c d e f"
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_odds__syBgv .home_title__Q9lyE {
    text-align: center
}

.home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_odds__syBgv .home_title__Q9lyE:last-child {
    grid-area: f
}

@media screen and (max-width: 576px) {
    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_odds__syBgv {
        grid-template-columns: 30px
    }

    .home_match__zMUZZ a .home_teams__1ERnz .home_headers__oqX4A .home_odds__syBgv .home_title__Q9lyE {
        display: flex;
        justify-content: center
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T {
    display: flex;
    flex-direction: column
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB {
    display: flex;
    color: #aaa;
    flex-direction: row;
    font-weight: 700
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_teamNames__PMR__,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_teamNames__PMR__ {
    flex: 8
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_teamNames__PMR__ .home_teamName__CPn5j,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_teamNames__PMR__ .home_teamName__CPn5j {
    display: flex;
    align-items: center
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_teamNames__PMR__ .home_teamName__CPn5j .home_teamTitle__qMFrc,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_teamNames__PMR__ .home_teamName__CPn5j .home_teamTitle__qMFrc {
    display: inline-block;
    margin-left: 10px
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, 40px);
    grid-template-areas: "a b c d e f"
}

@media screen and (max-width: 576px) {

    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc,
    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc {
        grid-template-columns: 30px;
        grid-template-areas: "a"
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_win__2TPk0,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_win__2TPk0 {
    color: #fff
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:last-child,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:last-child {
    grid-area: f
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(2),
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(2) {
    grid-area: e
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(3),
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(3) {
    grid-area: d
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(4),
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(4) {
    grid-area: c
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(5),
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(5) {
    grid-area: b
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(6),
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU:nth-last-child(6) {
    grid-area: a
}

@media screen and (max-width: 576px) {

    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU,
    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU {
        display: none
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs {
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff;
    font-weight: 700
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs.home_win__2TPk0,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs.home_win__2TPk0 {
    color: #21e248
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs.home_loss__kT4nT,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs.home_loss__kT4nT {
    color: #ee4f5c
}

@media screen and (max-width: 576px) {

    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs:last-child,
    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_score___lXXs:last-child {
        grid-area: a
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, 40px);
    grid-template-areas: "a b c d e f"
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv .home_odd__5KsBg,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv .home_odd__5KsBg {
    background-color: #292929;
    border-radius: 8px;
    color: #aaa;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv .home_odd__5KsBg:hover,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv .home_odd__5KsBg:hover {
    color: #fff
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv .home_odd__5KsBg:last-child,
.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv .home_odd__5KsBg:last-child {
    grid-area: f
}

@media screen and (max-width: 576px) {

    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv,
    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv {
        grid-template-columns: 30px;
        grid-template-areas: "a"
    }

    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv .home_odd__5KsBg:last-child,
    .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv .home_odd__5KsBg:last-child {
        grid-area: a
    }
}

.home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 {
    border-bottom: 1px solid #222;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.lightMode .home_filters__9TOFE {
    border-bottom: 1px solid #cacaca
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li button {
    background-color: #fafafa;
    color: #262626
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li button:hover {
    background-color: #dbdbdb
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_selected__L9_ZZ button {
    background-color: #cf3744;
    color: #fff
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_calendar__kMf07 {
    background: 0 0;
    color: #6f6f6f
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_calendar__kMf07 svg {
    color: #6f6f6f
}

.lightMode .home_filters__9TOFE .home_dayFilters__UD03o ul li.home_today__T96ho button {
    background: 0 0;
    border-color: #cacaca
}

.lightMode .home_filters__9TOFE .home_matchState__sQgPw .home_button__HEjkK {
    color: #000 !important
}

.lightMode .home_filters__9TOFE .home_matchState__sQgPw .home_button__HEjkK.home_selected__L9_ZZ {
    background-color: #cf3744 !important;
    color: #fff !important
}

.lightMode .home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S {
    background-color: #fafafa;
    color: #262626
}

@media screen and (max-width: 576px) {
    .lightMode .home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S {
        display: none
    }
}

.lightMode .home_filters__9TOFE .home_matchState__sQgPw .home_regionsFilter__R5H0S.home_active__7prY2 {
    background-color: #cf3744;
    color: #fff
}

.lightMode .home_event__S68Ur a {
    color: #6f6f6f
}

.lightMode .home_event__S68Ur a .home_eventInfo__H1bDJ .home_eventTitle__JzV9b {
    color: #545454;
    font-weight: 700
}

.lightMode .home_match__zMUZZ {
    background: linear-gradient(180deg, #fafafa, #f4f4f4)
}

.lightMode .home_match__zMUZZ:hover {
    background: #dbdbdb
}

.lightMode .home_match__zMUZZ a .home_time__k9yiO .home_timeDetails__BGoRO .home_live__Uc8A_ {
    color: #767676
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB {
    color: #000
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_odds__syBgv .home_odd__5KsBg,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_odds__syBgv .home_odd__5KsBg {
    color: #000;
    background-color: #ebebeb
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU {
    color: #767676
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_map__OPnBU.home_win__2TPk0,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_map__OPnBU.home_win__2TPk0 {
    color: #000
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_score___lXXs,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_score___lXXs {
    color: #767676
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_score___lXXs.home_win__2TPk0,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_score___lXXs.home_win__2TPk0 {
    color: #18bf3a
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 .home_maps__EL4Sc .home_score___lXXs.home_loss__kT4nT,
.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamTwo__ZJaTB .home_maps__EL4Sc .home_score___lXXs.home_loss__kT4nT {
    color: #ee4f5c
}

.lightMode .home_match__zMUZZ a .home_teams__1ERnz .home_data__s1x8T .home_teamOne__kNL_9 {
    border-bottom: 1px solid #d6d6d6
}

.home_changeLanguage__7ZIPu {
    background: transparent linear-gradient(180deg, #222, #151515) 0 0 no-repeat padding-box;
    padding: 10px;
    font-weight: 400;
    color: #a2a2a2;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 576px) {
    .home_changeLanguage__7ZIPu {
        flex-direction: column
    }

    .home_changeLanguage__7ZIPu .home_buttons__bUVFb {
        margin-top: 10px
    }
}

.home_changeLanguage__7ZIPu .home_text__PXNQN span {
    color: #fff
}

@media screen and (max-width: 576px) {
    .home_changeLanguage__7ZIPu {
        flex-direction: column;
        text-align: center;
        line-height: 16px
    }
}

.home_changeLanguage__7ZIPu a {
    color: #ee4f5c;
    display: inline-block;
    margin-left: 5px
}

.home_changeLanguage__7ZIPu svg {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    cursor: pointer
}

.home_changeLanguage__7ZIPu .home_button__HEjkK {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, color .25s cubic-bezier(.4, 0, .2, 1) 0ms;
    padding: 6px 8px;
    min-width: 64px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.75;
    letter-spacing: .02857em
}

.home_changeLanguage__7ZIPu .home_grey__LQyw9 {
    text-transform: none;
    background: #3e3e3e !important;
    margin-left: 50px;
    margin-right: 20px
}

@media screen and (max-width: 576px) {
    .home_changeLanguage__7ZIPu .home_grey__LQyw9 {
        margin: 0 !important
    }
}

.home_newsListLoading__Q5sai div {
    width: 100%;
    height: 288px;
    margin-bottom: 5px;
    border-radius: 8px
}

.home_newsListLoading__Q5sai div:last-child {
    margin-bottom: 0
}

.lightMode .home_newsListLoading__Q5sai div {
    width: 100%;
    height: 288px
}

.lightMode .home_newsListLoading__Q5sai div:last-child {
    margin-bottom: 0
}

.lightMode .home_changeLanguage__7ZIPu {
    background: transparent linear-gradient(180deg, #fafafa, #fafafa) 0 0 no-repeat padding-box;
    padding: 10px;
    color: #a2a2a2;
    font-size: 14px;
    text-align: center;
    font-weight: 500
}

.lightMode .home_changeLanguage__7ZIPu .home_text__PXNQN span {
    color: #262626
}

@media screen and (max-width: 576px) {
    .lightMode .home_changeLanguage__7ZIPu {
        flex-direction: column;
        text-align: center;
        line-height: 16px
    }
}

.lightMode .home_changeLanguage__7ZIPu a {
    color: #ee4f5c;
    display: inline-block;
    margin-left: 5px
}

.lightMode .home_changeLanguage__7ZIPu svg {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    cursor: pointer
}

.lightMode .home_changeLanguage__7ZIPu .home_button__HEjkK {
    transition: background-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, color .25s cubic-bezier(.4, 0, .2, 1) 0ms;
    padding: 6px 8px;
    min-width: 64px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.75;
    letter-spacing: .02857em
}

.lightMode .home_changeLanguage__7ZIPu .home_grey__LQyw9 {
    text-transform: none;
    background: #3e3e3e !important;
    margin-left: 50px;
    margin-right: 20px
}


.header {
    margin: 0 auto;
    padding: 0 5px;
    width: 1200px;

    @media screen and (max-width: 576px) {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
}

.header-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    border-radius: 4px;
}

.layout_mobileMenu__ydDjZ ul li>ul li a,
.layout_mobileMenu__ydDjZ ul li span,
.layout_mobileMenu__ydDjZ ul li a {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.hidden-menu {
    display: none;
}

.layout_mainHeader__nUtVa {
    background-color: var(--color-black) !important;
    padding: 20px 15px 10px;
}

.layout_mainMenu__Dk0_h {
    background-color: var(--color-gray-dark);
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px 15px;
    position: relative;
}

.lightMode .layout_mainMenu__Dk0_h {
    background-color: var(--color-gray-light);
}

.layout_mainHeader__nUtVa:before,
.layout_mainMenu__Dk0_h:before {
    background-color: var(--color-black);
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    width: 120vw;
    z-index: -10;
}

.layout_mainMenu__Dk0_h:before {
    background-color: var(--color-gray-dark);
}

.lightMode .layout_mainMenu__Dk0_h:before {
    background-color: var(--color-gray-light);
}

.lightMode .layout_mainMenu__Dk0_h ul li a {
    color: var(--color-gray-dark);
}

.layout_mainMenu__Dk0_h ul li a svg {
    transform: translateY(-2px);
}

.layout_mainHeader__nUtVa .layout_gamesNavBar__Rtchc ul li a {
    line-height: 0.8em !important;
}

.layout_mainMenu__Dk0_h a:hover {
    color: #ee4f5c;
}

a.header-button:hover {
    text-decoration: none;
}

body .layout_footer__djSHN .layout_footerText__hygTK {
    display: block;
}

.layout_mainMenu__Dk0_h>ul>li:hover .layout_mainMenu__Dk0_i {
    display: block;
}

.layout_mainMenu__Dk0_i {
    display: none;
    position: absolute;
    top: 40px;
    padding: 10px;
    background-color: #303030;
    border-radius: 5px;
    transform: translateX(-25%);
}

.layout_mainMenu__Dk0_i>ul {
    display: block;
    padding: 0;
    font-size: 18px;
}

.layout_mainMenu__Dk0_i>ul>li:hover>a {
    color: #ee4f5c;
}

.layout_mainMenu__Dk0_i>ul a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    white-space: nowrap;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between;
    padding: 3px 3px 3px 0;
}

body .layout_mainMenu__Dk0_i>ul li:has(ul)>a:after {
    content: "⊳";
    width: 10px;
    height: 10px;
    display: block;
    padding-left: 5px;
}

body .layout_mainMenu__Dk0_i>ul li {
    margin-right: 0;
    display: block;
    padding: 0 10px;
}

body .layout_mainMenu__Dk0_i .layout_mainMenu__Dk0_j {
    background-color: #222;
    max-width: 0;
    overflow: hidden;
    transition: max-width 0.5s ease;
    display: block;
    position: absolute;
    left: calc(100% - 10px);
    padding-left: 0;
    top: 0;
}

body .layout_mainMenu__Dk0_i>ul>li:hover ul {
    max-width: 300px;
}

body .layout_container__8mgcn {
    z-index: 4;
}

#mobile-menu {
    overflow: auto;
}

#mobile-menu ul {
    list-style-type: none;
    padding-left: 0;
    height: auto;
    display: block;
}

#mobile-menu ul+ul {
    margin-top: 30px;
}

#mobile-menu ul a {
    display: block;
}

#mobile-menu>ul>li a,
#mobile-menu>ul>li span {
    text-transform: uppercase;
    text-decoration: none !important;
}

#mobile-menu>ul>li a:after {
    display: none !important;
}

#mobile-menu>ul>li a:has(+ ul) {
    width: max-content;
    margin: 0 auto;
}

#mobile-menu ul ul {
    display: none;
}

#mobile-menu ul .jZydD ul {
    display: block;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url("roboto-v20-latin-regular.woff2") format("woff2"), url("roboto-v20-latin-regular.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("roboto-v20-latin-italic.woff2") format("woff2"), url("roboto-v20-latin-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("roboto-v20-latin-500.woff2") format("woff2"), url("roboto-v20-latin-500.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("roboto-v20-latin-500italic.woff2") format("woff2"), url("roboto-v20-latin-500italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("roboto-v20-latin-700.woff2") format("woff2"), url("roboto-v20-latin-700.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("roboto-v20-latin-700italic.woff2") format("woff2"), url("roboto-v20-latin-700italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url("roboto-v20-latin-900.woff2") format("woff2"), url("roboto-v20-latin-900.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("roboto-v20-latin-900italic.woff2") format("woff2"), url("roboto-v20-latin-900italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "socialicons";
    src: url("socialicons-v12.woff2") format("woff2"), url("socialicons-v12.woff") format("woff");
    font-weight: normal;
    font-display: block
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

nav {
    display: block
}

body {
    margin: 0;
    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";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

b,
strong {
    font-weight: bolder
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
    overflow: visible
}

button {
    text-transform: none
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

[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
}

[hidden] {
    display: none !important
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.s_cf {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.MuiFormControl–fullWidth {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-3,
.col-4,
.col-5,
.col-6,
.col-8,
.col-12,
.css–tzsjye,
.col-auto,
.col-sm-6,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-4,
.col-md-5,
.col-md-7,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-8,
.col-lg-12,
.col-lg,
.col-xl-3,
.col-xl-4,
.col-xl-6,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.css–tzsjye {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.css–s1636sztMuiInputBase–input {
    order: 13
}

.d-none {
    display: none !important
}

.layout-logo--vQN5nlayout-languageDropdown--bZYiB {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.MuiOutlinedInput–input {
    display: inline-flex !important
}

.MuiSvgIcon–fontSizeMedium {
    flex-direction: row !important
}

.css–pfvipm8 {
    flex-direction: column !important
}

.css–t1k3x8v3 {
    flex-wrap: wrap !important
}

.css–ftzsjyecss–p1636szt {
    flex-wrap: nowrap !important
}

.css–qiwgdbMuiSelect–select {
    flex-grow: 0 !important
}

.css–tzsjyeMuiFormControl–root {
    flex-grow: 1 !important
}

.css–tqiwgdbMuiSelect–icon {
    flex-shrink: 1 !important
}

.layout-mainHeader--nUtVacss–p1k3x8v3 {
    justify-content: center !important
}

.css–qiwgdbcss–s1k3x8v3 {
    align-items: flex-start !important
}

.css–s1k3x8v3 {
    align-items: center !important
}

.css–tqiwgdbMuiInputBase–input {
    align-items: stretch !important
}

.layout-mainHeader--nUtValayout-logoText--EkrWzlayout-container--8mgcn {
    align-content: flex-start !important
}

.css–1636sztcss–ffvipm8 {
    align-self: flex-start !important
}

.layout-logoImage--pckRVcss–pqiwgdb {
    align-self: flex-end !important
}

.css–sfvipm8 {
    align-self: center !important
}

.css–1636sztcss–pfvipm8 {
    margin: 0 !important
}

.layout-mainHeader--nUtVaMuiInputBase–formControllayout-select--hSPCi {
    margin-top: 0 !important
}

.layout-logo--vQN5ncss–t1k3x8v3 {
    margin-right: 0 !important
}

.layout-mainHeader--nUtValayout-icons--h5h-playout-logoText--EkrWz {
    margin-bottom: 0 !important
}

.layout-mainHeader--nUtVacss–p1636szt {
    margin-left: 0 !important
}

.layout-mainHeader--nUtVacss–s1636szt {
    padding: 0 !important
}

.layout-logoImage--pckRVcss–p1k3x8v3 {
    padding-right: 0 !important
}

.css–stzsjye {
    padding-left: 0 !important
}

.css–tzsjyecss–pfvipm8 {
    margin-top: auto !important
}

.layout-mainHeader--nUtVacss–tzsjyeMuiSelect–select {
    margin-bottom: auto !important
}

.css–ftzsjye {
    margin-left: auto !important
}

.css–1636sztcss–fqiwgdb {
    text-align: left !important
}

.css–stzsjyecss–tqiwgdb {
    text-align: right !important
}

.css–tzsjyecss–1636szt {
    text-align: center !important
}

.layout-mainHeader--nUtValayout-logoText--EkrWzlayout-logo--vQN5n {
    position: static !important
}

.position-relative {
    position: relative !important
}

.visible {
    visibility: visible !important
}

.css–fvipm8css–tzsjye {
    width: 100% !important
}

@media (max-width:991px) {
    .d-none-until-lg-custom {
        display: none !important
    }
}

@media screen and (min-width:576px) {

    .col-sm,
    .col-sm-auto,
    .col-sm-12 {
        max-width: 100%
    }

    .container {
        max-width: 540px
    }

    .col-sm {
        flex-basis: 0;
        flex-grow: 1
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-12 {
        flex: 0 0 100%
    }

    .css–tqiwgdbcss–s1636szt {
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width:768px) {

    .col-md,
    .col-md-auto,
    .col-md-12 {
        max-width: 100%
    }

    .container {
        max-width: 720px
    }

    .col-md {
        flex-basis: 0;
        flex-grow: 1
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-12 {
        flex: 0 0 100%
    }

    .css–s1636sztMuiOutlinedInput–input {
        order: 3
    }

    .css–ftzsjyelayout-select--hSPCi {
        display: none !important
    }

    .css–fvipm8 {
        display: flex !important
    }

    .layout-mainHeader--nUtValayout-mainHeader--nUtVa {
        flex-direction: row !important
    }

    .css–tzsjyeMuiInputBase–root {
        align-self: flex-start !important
    }

    .css–tzsjyecss–s1k3x8v3 {
        align-self: center !important
    }

    .css–tzsjyecss–tqiwgdb {
        text-align: center !important
    }

    .css–ftzsjyecss–ftzsjye {
        padding-left: 0 !important
    }
}

@media screen and (min-width:992px) {

    .col-lg,
    .col-lg-12 {
        max-width: 100%
    }

    .container {
        max-width: 960px
    }

    .col-lg {
        flex-basis: 0;
        flex-grow: 1
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%
    }

    .css–s1636sztMuiSelect–nativeInput {
        order: 13
    }

    .css–stzsjyeMuiSvgIcon–root {
        display: none !important
    }

    .MuiInputBase–formControlcss–s1636szt {
        display: flex !important
    }

    .layout-mainHeader--nUtVacss–stzsjye {
        flex-direction: row !important
    }

    .css–fvipm8css–ptzsjye {
        flex-direction: column !important
    }

    .layout-mainHeader--nUtVacss–sqiwgdb {
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 1140px
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .css–s1636sztMuiSvgIcon–fontSizeMedium {
        order: 3
    }

    .css–fvipm8css–pqiwgdb {
        flex-direction: row !important
    }

    .css–tqiwgdbMuiSvgIcon–root {
        flex-direction: column !important
    }

    .css–qiwgdbcss–sqiwgdb {
        flex-wrap: nowrap !important
    }

    .css–tzsjyecss–s1636szt {
        align-self: flex-start !important
    }

    .css–tzsjyecss–ttzsjye {
        align-self: center !important
    }

    .css–tzsjyeMuiOutlinedInput–root {
        align-self: stretch !important
    }

    .css–tzsjyecss–t1k3x8v3 {
        text-align: left !important
    }
}

:root {
    --b: #aaa;
    --c: rgba(255, 255, 255, .6);
    --d: 4px;
    --e: #131c46;
    --f: #ff4f42;
    --g: #2a3360;
    --h: #f6f8f9;
    --i: #fff;
    --j: #f6f8f9;
    --k: 0 0 15px rgba(0, 0, 0, .15);
    --l: #27da95;
    --m: #febf01;
    --n: var(--o);
    --p: var(--f);
    --q: var(--f);
    --r: var(--f);
    --s: #fff;
    --t: url(/jp/reviews/asset/images/arrow-more-red.svg);
    --u: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --v: #fff;
    --w: #fff;
    --x: #fff;
    --y: var(--o);
    --z: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --A: url(/jp/reviews/asset/images/arrow-more-darkblue.svg);
    --B: "\22\22";
    --o: #222;
    --C: #fff;
    --D: var(--o);
    --E: #a4adb9;
    --F: #656d78;
    --G: #a4adb9;
    --H: 1.65;
    --I: 1.2;
    --J: "Roboto", sans-serif;
    --K: 1;
    --L: 1.5rem;
    --M: 500;
    --N: 600;
    --a: 700;
    --O: 800;
    --P: 900;
    --Q: 1;
    --R: var(--g);
    --S: #5a649e;
    --T: var(--f);
    --U: #a4adb9;
    --V: #7c8693;
    --W: #0fc47f;
    --X: #1dd08c;
    --Y: #fff;
    --Z: #fff;
    --ab: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --bb: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --cb: transparent;
    --db: #1c275d;
    --eb: var(--e);
    --fb: #fff;
    --gb: url(/jp/reviews/asset/images/arrow-more-darkblue.svg);
    --hb: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --ib: var(--cb);
    --jb: var(--db);
    --kb: var(--eb);
    --lb: var(--fb);
    --mb: url(/jp/reviews/asset/images/arrow-more-darkblue.svg);
    --nb: url(/jp/reviews/asset/images/arrow-more-white.svg);
    --ob: 20%;
    --ob: 200px;
    --pb: 140px;
    --qb: 180px;
    --rb: 1px solid var(--f);
    --sb: var(--e);
    --tb: var(--e);
    --ub: var(--e);
    --vb: #fff;
    --wb: var(--f);
    --xb: #fff;
    --yb: var(--f);
    --zb: 1.5rem;
    --Ab: 1.5rem;
    --Bb: 1.4rem;
    --Cb: 1.4rem;
    --Db: #fff;
    --Eb: var(--f);
    --Fb: 1.4rem;
    --Gb: var(--o);
    --Hb: #fff;
    --Ib: #fff;
    --Jb: var(--o);
    --Kb: var(--f);
    --Lb: #fff;
    --Mb: transparent;
    --Nb: var(--o);
    --Ob: var(--f);
    --Pb: var(--o);
    --Qb: #fff;
    --Rb: var(--o);
    --Sb: var(--Rb);
    --Tb: var(--S);
    --Ub: #fff;
    --Vb: var(--o);
    --Wb: #fff;
    --Xb: var(--j);
    --Yb: var(--o);
    --Zb: #fff;
    --ac: var(--f);
    --bc: #fff;
    --cc: #f6f8f9;
    --dc: var(--o);
    --ec: var(--g);
    --fc: var(--S);
    --gc: #fff;
    --hc: var(--f);
    --ic: var(--o);
    --jc: #fff;
    --kc: #e2e6e9;
    --lc: var(--o);
    --mc: #e9eff3;
    --nc: #a4adb9;
    --oc: var(--f);
    --pc: #fff;
    --qc: 0 6px 0 -3px rgba(0, 0, 0, .08);
    --rc: url(/jp/reviews/asset/images/rating-star-golden.svg);
    --sc: url(/jp/reviews/asset/images/rating-star-gray.svg);
    --tc: url(star-red.svg);
    --uc: url(/jp/reviews/asset/images/icon-bonus-gift.svg);
    --vc: var(--o);
    --wc: var(--j);
    --xc: var(--o);
    --yc: #fff;
    --zc: var(--o);
    --Ac: var(--f);
    --Bc: #fff;
    --Cc: url(/jp/reviews/asset/images/arrow-right-angular-red.svg);
    --Dc: url(/jp/reviews/asset/images/arrow-link-blue.svg);
    --Ec: #fff;
    --Fc: #fff;
    --Gc: var(--o);
    --Hc: #fff;
    --Ic: var(--o);
    --Jc: var(--e);
    --Kc: #fff;
    --Lc: var(--e);
    --Mc: #fff;
    --Nc: var(--e);
    --Oc: #fff;
    --Pc: var(--g);
    --Qc: #fff;
    --Rc: #fff;
    --Sc: var(--o)
}

html {
    font-size: calc(10px * var(--K));
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: sans-serif;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    min-height: 100%;
    width: 100vw;
    overflow-x: hidden;
    scroll-behavior: smooth
}

body {
    background: var(--h);
    font-size: var(--L);
    line-height: var(--H);
    color: var(--o);
    font-family: var(--J);
    overflow-x: hidden;
    max-width: 100vw;
    min-height: 100%
}

.body--no-scroll {
    overflow: hidden
}

img {
    max-width: 100%;
    height: auto
}

iframe:not(#odsp_wdg_iframe) {
    max-width: 100%;
    display: block;
    margin: 20px auto;
    border: none
}

iframe:not([src*="youtube.com"]):not([src*="twitch.com"]):not(#odsp_wdg_iframe) {
    width: 100%
}

.d-none--toggled {
    display: none !important
}

a,
.css–pqiwgdbcss–f1k3x8v3 {
    color: var(--R);
    text-decoration: underline;
    background-color: transparent
}

a:hover,
.css–pqiwgdbcss–f1k3x8v3:hover {
    color: var(--S)
}

a.css–tzsjyecss–sqiwgdb,
.css–pqiwgdbcss–f1k3x8v3.css–tzsjyecss–sqiwgdb {
    text-decoration: none
}

a.layout-languageDropdown--bZYiBMuiSelect–nativeInput {
    color: var(--o)
}

.c-pointer {
    cursor: pointer
}

a,
.css–pqiwgdbcss–f1k3x8v3 {
    cursor: pointer
}

.css–tzsjyecss–stzsjye {
    border-bottom: 1px solid var(--S)
}

blockquote p:only-child,
blockquote p:last-child {
    margin-bottom: 0
}

.css–qiwgdblayout-logoImage--pckRV {
    display: block;
    width: 100%;
    max-width: calc(100vw - 30px);
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 30px 0
}

.css–qiwgdblayout-logoImage--pckRV>table,
.content-section>table,
.css–tfvipm8layout-logo--vQN5n>table {
    border: 0 !important;
    width: 100%;
    margin-bottom: 15px
}

.css–qiwgdblayout-logoImage--pckRV table tr,
.content-section>table tr,
.css–tfvipm8layout-logo--vQN5n>table tr {
    display: table-row;
    white-space: initial
}

.css–qiwgdblayout-logoImage--pckRV table th,
.content-section>table th,
.css–tfvipm8layout-logo--vQN5n>table th {
    font-weight: var(--a);
    background: var(--j)
}

.css–qiwgdblayout-logoImage--pckRV table th,
.content-section>table th,
.css–qiwgdblayout-logoImage--pckRV table td,
.content-section>table td,
.css–tfvipm8layout-logo--vQN5n>table th,
.css–tfvipm8layout-logo--vQN5n>table td {
    padding: 10px;
    border: 1px solid var(--kc);
    vertical-align: top
}

.css–s1636sztMuiFormControl–fullWidth {
    border: 1px solid var(--kc)
}

img.MuiSelect–outlinedcss–stzsjye {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 40% !important
}

img.layout-languageDropdown--bZYiBcss–sqiwgdb,
img.css–fvipm8layout-mainHeader--nUtVa {
    display: block;
    margin: 30px auto;
    float: none;
    clear: both;
    max-width: 100%
}

.col-lg-4 img.layout-languageDropdown--bZYiBcss–sqiwgdb,
.col-lg-4 img.css–fvipm8layout-mainHeader--nUtVa {
    margin: 0 auto 10px
}

.css–f1k3x8v3 p:only-child {
    margin-bottom: 0
}

.layout-mainHeader--nUtVacss–pfvipm8 {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
}

.container,
.s_cf {
    max-width: 1200px
}

h1,
h2,
h3,
h4,
h5,
.MuiSelect–select {
    line-height: var(--I)
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: var(--a);
    margin-bottom: .75rem
}

.layout-languageDropdown--bZYiBcss–t1636szt>h2 {
    position: relative;
    margin-bottom: 1rem
}

p {
    margin-bottom: 1.5rem
}

p:empty,
.css–1k3x8v3MuiSelect–nativeInput>br,
.css–1k3x8v3MuiSelect–nativeInput>p:empty {
    display: none
}

.css–tzsjyeMuiOutlinedInput–input {
    line-height: 1
}

ul.layout-logo--vQN5ncss–qiwgdb,
ol.layout-logo--vQN5ncss–qiwgdb {
    margin: 0;
    padding: 0;
    list-style: none
}

.layout-logo--vQN5ncss–qiwgdb li {
    list-style: none
}

.css–f1k3x8v3 {
    padding-bottom: 1.5rem !important
}

.content-section {
    background: var(--i);
    margin-bottom: 15px
}

.content-section.css–tqiwgdbcss–tfvipm8 {
    padding-top: 0;
    margin-bottom: 0
}

input:read-only,
textarea:read-only {
    outline: 0
}

.layout-languageDropdown--bZYiBMuiSelect–icon .h1-headline {
    color: var(--Vc);
    margin-bottom: 0;
    display: inline;
    padding-right: 15px;
    vertical-align: middle
}

.css–s1k3x8v3MuiFormControl–fullWidth {
    mask: var(--Wc);
    background: var(--Xc);
    display: inline-block;
    color: var(--Yc);
    padding: 5px 8px;
    line-height: 1.2;
    vertical-align: middle;
    font-weight: var(--a);
    font-size: 1.2rem;
    margin: .5rem 0;
    border-radius: var(--d)
}

.layout-languageDropdown--bZYiBMuiSelect–icon .css–ptzsjyelayout-logo--vQN5n {
    color: var(--Zc);
    margin-bottom: 0;
    margin-top: .25rem
}

.css–1k3x8v3MuiOutlinedInput–input {
    margin-top: 25px;
    margin-bottom: 25px
}

.css–1k3x8v3MuiOutlinedInput–input~h2,
.css–1k3x8v3MuiOutlinedInput–input~h3,
.css–1k3x8v3MuiOutlinedInput–input~h4 {
    margin-top: 15px
}

[class^='label-color--'],
[class*=' label-color--'] {
    background: var(--oc)
}

.css–t1k3x8v3css–p1636szt {
    background-color: var(--oc)
}

.css–t1636sztlayout-logoText--EkrWz {
    background-color: #951b81
}

.css–tfvipm8css–tqiwgdb {
    background-color: #005578
}

.css–t1636sztcss–qiwgdb {
    background-color: #000
}

body {
    --Tc: 38px;
    --Uc: 52px;
    --ad: 44px;
    --bd: 60px;
    --cd: 40px;
    --dd: 46px;
    --ed: 32px;
    padding-top: calc(var(--Tc) + var(--ad))
}

.s_sh {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--fd, 100vw);
    z-index: 10;
    border-bottom: var(--rb)
}

.s_sh__icon-row,
.s_sh__icon-row .header-toggle-btn {
    height: var(--Tc);
    background: var(--Gb);
    color: var(--Hb)
}

.header-toggle-btn {
    padding-right: 10px;
    user-select: none;
    align-items: center;
    display: flex;
    cursor: pointer
}

.header-toggle-btn:not(.header-toggle-btn--about-us) {
    padding-right: 20px;
    position: relative
}

.header-toggle-btn:not(.header-toggle-btn--about-us):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 10px;
    width: 10px;
    -webkit-mask-image: url(/jp/reviews/asset/images/arrow-down-angular-white.svg);
    mask-image: url(/jp/reviews/asset/images/arrow-down-angular-white.svg);
    -webkit-mask-size: 10px auto;
    mask-size: 10px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: currentColor;
    margin-top: -5px;
    transform: rotate(0);
    transition: all .25s ease-in-out
}

.header-toggle-btn:not(.header-toggle-btn--about-us).--active:after {
    transform: rotate(-180deg);
    transition: all .25s ease-in-out
}

.header-toggle-btn.--active {
    color: var(--f)
}

.header-toggle-icon {
    width: 36px;
    height: 38px;
    display: inline-block;
    background-size: 16px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.header-toggle-icon:after {
    content: "";
    opacity: 0;
    transition: opacity .25s ease-in-out;
    pointer-events: none
}

.header-toggle-icon.--active:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--f);
    left: 50%;
    margin-left: -6px;
    opacity: 1;
    transition: opacity .25s ease-in-out
}

.single-post-meta-data__mobile-toggle-btn.--active:before {
    background: var(--bc)
}

.header-toggle-textbox,
.header-toggle-label {
    font-size: 1.3rem
}

.header-toggle-label {
    color: var(--E)
}

.header-toggle-btn:hover .header-toggle-label,
.header-toggle-btn.--active .header-toggle-label {
    color: #fff
}

.header-toggle-textbox {
    top: var(--Tc);
    background: var(--Ib);
    border-top: 4px solid var(--f);
    width: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    align-items: center;
    z-index: 100000;
    color: var(--o);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    height: auto;
    padding: 5px 15px
}

.header-toggle-textbox.--active {
    display: flex !important;
    opacity: 1;
    pointer-events: all
}

.locale-switcher__link {
    padding: 10px 0;
    display: block;
    text-decoration: none;
    color: var(--Jb);
    transition: all .25s ease-in-out;
    font-size: 1.4rem;
    user-select: none
}

.locale-switcher__link {
    padding: 8px 0
}

.locale-switcher__link:before {
    width: 25px;
    text-align: center;
    font-size: 1.5em
}

.locale-switcher__link:hover,
.locale-switcher__link:before {
    color: var(--Kb);
    text-decoration: none;
    cursor: pointer;
    transition: all .25s ease-in-out
}

.s_sh__top-row {
    background: var(--sb);
    width: 100%;
    position: relative
}

.s_sh__top-row--fixed {
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    border-bottom: 1px solid var(--f)
}

.s_sh__mobile-menu-toggle {
    width: 28px;
    height: 28px;
    margin-left: 15px;
    -webkit-mask-image: url(/jp/reviews/asset/images/menu-icon.svg);
    mask-image: url(/jp/reviews/asset/images/menu-icon.svg);
    -webkit-mask-size: 20px auto;
    mask-size: 20px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--vb);
    cursor: pointer
}

.s_sh__mobile-menu-toggle--active {
    opacity: .5
}

.site-menu-extended__toggle {
    display: none
}

.site-menu {
    background: var(--tb);
    padding: 0 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    border-top: 2px solid var(--f);
    opacity: 0;
    left: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    top: var(--ad)
}

.site-menu--active {
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
    overflow: auto;
    max-height: calc(100vh - var(--Tc) - var(--ad))
}

.s_sml--no-link {
    cursor: default
}

.site-menu__sub-menu-toggle,
.site-menu-extended .s_mihc .s_sml--no-link {
    cursor: pointer
}

.site-menu__sub-menu-toggle {
    display: flex;
    flex-direction: column;
    right: 0;
    top: 0;
    height: 100%;
    width: 24px
}

.site-menu__sub-menu-toggle__arrow {
    width: 5px;
    height: 9px;
    margin: auto;
    -webkit-mask-image: url(/jp/reviews/asset/images/arrow-more-white.svg);
    mask-image: url(/jp/reviews/asset/images/arrow-more-white.svg);
    -webkit-mask-size: 5px auto;
    mask-size: 5px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--xb);
    transform: rotate(90deg);
    transition: transform .25s ease-in-out
}

.site-menu__sub-menu-toggle__arrow.--active {
    transform: rotate(-90deg);
    transition: transform .25s ease-in-out;
    opacity: .5
}

.s_smsml1,
.site-menu__sub-menu-parent--level-2 .site-menu__sub-menu--level-2 {
    background: var(--Ib);
    margin: 0 -15px;
    list-style: none;
    padding: 0 15px;
    display: none
}

.site-menu__sub-menu-parent--level-2 {
    position: relative
}

.site-menu__sub-menu--level-2 {
    margin: 0;
    padding: 0;
    list-style: none
}

.site-menu__sub-menu-parent--level-2 .site-menu__sub-menu--level-2 {
    margin: 0 0 0 15px;
    padding: 0
}

body.body-header-search--active .s_sh {
    z-index: 100001;
    border-bottom: none
}

.css–tqiwgdblayout-logoText--EkrWz {
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: opacity .25s ease-in-out
}

body.body-header-search--active .css–tqiwgdblayout-logoText--EkrWz {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    opacity: 1;
    transition: opacity .25s ease-in-out
}

.header-search-form {
    background: none;
    margin-right: 0;
    margin-left: 0
}

.header-search {
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    z-index: 9999;
    align-content: center;
    transition: all .25s ease-in-out;
    opacity: 0;
    pointer-events: none;
    display: flex !important;
    padding: 0;
    margin: 0
}

.header-search--lg-active {
    opacity: 1;
    transition: all .25s ease-in-out;
    pointer-events: all
}

.header-search__wrapper {
    background: #fff;
    width: 0%;
    box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, .6);
    transition: all .25s ease-in-out;
    opacity: 0;
    overflow: hidden
}

.header-search--lg-active .header-search__wrapper {
    transition: all .25s ease-in-out;
    opacity: 1;
    width: 100%
}

.header-search__input-text {
    background: none;
    height: var(--ad);
    line-height: var(--ad);
    padding: 0 50px 0 15px;
    border: none;
    color: var(--E);
    outline: 0;
    font-size: 1.6rem;
    background-color: #fff
}

.header-search__input-text:focus {
    color: var(--D)
}

.search__close {
    border-radius: var(--d);
    font-size: 1.4rem;
    font-weight: var(--a);
    color: #fff;
    background: var(--g);
    justify-content: center;
    padding: 5px;
    line-height: 1;
    cursor: pointer;
    border: 1px solid #fff;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, .6);
    position: absolute;
    right: 15px;
    transform: translateY(-125%);
    opacity: 0;
    pointer-events: none
}

.search__close.search__close--show {
    opacity: 1;
    pointer-events: all
}

.search__close:hover {
    background: var(--f)
}

.search-toggle {
    width: 40px;
    height: var(--ad);
    cursor: pointer;
    margin-right: 0;
    -webkit-mask-image: url(/jp/reviews/asset/images/search-icon-white.svg);
    mask-image: url(/jp/reviews/asset/images/search-icon-white.svg);
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--vb)
}

.search-toggle.search-toggle--active {
    z-index: 10000;
    -webkit-mask-image: url(/jp/reviews/asset/images/icon-close.svg);
    mask-image: url(/jp/reviews/asset/images/icon-close.svg);
    background: var(--Pb)
}

.site-submenu-row {
    background: var(--Lb);
    padding: 0 15px;
    display: flex;
    height: 40px;
    box-shadow: 0 1px 0 0 var(--Mb) inset
}

body.body-header-search--active .site-submenu-row {
    opacity: .2;
    pointer-events: none;
    filter: grayscale(1)
}

.site-submenu-container {
    margin: 0 auto;
    list-style: none;
    padding: 0;
    position: relative
}

.site-submenu-container:after {
    content: "";
    position: sticky;
    right: -1px;
    top: 0;
    margin-top: 1px;
    height: calc(100% - 1px);
    width: 30px;
    flex: 0 0 30px;
    background: linear-gradient(to right, color-mix(in srgb, var(--Lb) 0%, transparent) 0%, color-mix(in srgb, var(--Lb) 100%, transparent) 100%)
}

.site-submenu-row .MuiSelect–iconOutlinedlayout-logo--vQN5n {
    margin-right: 20px;
    white-space: nowrap
}

.site-submenu-row .MuiSelect–iconOutlinedlayout-logo--vQN5n a {
    text-decoration: none;
    font-size: var(--Fb);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--Nb)
}

.site-submenu-row .MuiSelect–iconOutlinedlayout-logo--vQN5n a:hover {
    color: var(--Ob)
}

.tab-item {
    cursor: pointer;
    user-select: none
}

.tab-content {
    padding: 0;
    opacity: 0;
    transition: height .25s ease-in-out, opacity .25s ease-in-out;
    height: 0;
    overflow: hidden
}

.tab-content.--active {
    padding: 15px;
    opacity: 1;
    transition: height .25s ease-in-out, opacity .25s ease-in-out;
    height: auto;
    overflow: visible
}

.tab-content.css–ftzsjyeMuiSelect–iconOutlined.--active {
    padding: 0 15px
}

.s_mw {
    margin: 20px 0;
    word-wrap: break-word
}

.s_mw.layout-icons--h5h-p {
    margin: 0
}

.MuiSvgIcon–fontSizeMediumcss–pfvipm8 .s_mw {
    margin-top: 0
}

.MuiInputBase–formControl {
    margin-bottom: 10px;
    z-index: 3
}

.layout-languageDropdown--bZYiB>span {
    display: block
}

.MuiSelect–iconMuiInputBase–formControl,
.layout-languageDropdown--bZYiBcss–1k3x8v3 .MuiInputBase–formControl,
.layout-select--hSPCi {
    padding: 10px 0;
    position: relative;
    margin-bottom: 0
}

.layout-logo--vQN5n .layout-select--hSPCi {
    margin-bottom: 15px !important
}

.MuiSelect–iconMuiInputBase–formControl:after,
.layout-select--hSPCi:after {
    height: 100% !important
}

.MuiInputBase–formControl,
.MuiInputBase–formControl a {
    font-size: 1.1rem;
    color: var(--U);
    text-decoration: none;
    line-height: 1.35
}

.MuiInputBase–formControl a:hover,
.css–qiwgdb {
    color: var(--V)
}

.layout-languageDropdown--bZYiBcss–ptzsjye .layout-languageDropdown--bZYiB>span {
    position: relative;
    z-index: 1
}

.layout-languageDropdown--bZYiBcss–s1k3x8v3 {
    background: var(--jd);
    border-bottom: 1px solid var(--kc)
}

.h1-headline {
    font-size: calc(2.4rem * var(--Q))
}

h2 {
    font-size: calc(1.8rem * var(--Q))
}

h2#sub-h2-headline-for-some-more-information {
    font-size: calc(1.6rem * var(--Q));
    margin-top: -.125em
}

h3 {
    font-size: calc(1.6rem * var(--Q))
}

h4 {
    font-size: calc(1.4rem * var(--Q))
}

.css–ptzsjyelayout-logo--vQN5n {
    margin-bottom: 8px;
    margin-top: -.75rem;
    font-size: calc(1.6rem * var(--Q))
}

.button {
    text-decoration: none;
    margin: 0 10px 10px 0;
    display: inline-flex;
    border: 1px solid var(--eb);
    color: var(--eb);
    padding: 10px;
    line-height: 1.25;
    border-radius: var(--d);
    margin-right: 10px;
    cursor: pointer;
    font-weight: var(--a);
    font-size: 1.5rem;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center
}

.button:hover {
    text-decoration: none;
    background-color: var(--db);
    color: var(--fb)
}

.button.layout-logo--vQN5ncss–sqiwgdb {
    background-color: var(--e);
    color: #fff
}

.button.layout-logo--vQN5ncss–sqiwgdb:hover {
    text-decoration: none;
    background-color: var(--db);
    border-color: var(--db);
    color: var(--fb)
}

.button.layout-logo--vQN5ncss–stzsjye {
    color: var(--W);
    border-color: var(--W)
}

.button.layout-logo--vQN5ncss–stzsjye:hover {
    background-color: var(--W);
    color: var(--Z)
}

.button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb {
    background-color: var(--W);
    border-color: var(--W);
    color: var(--Z)
}

.button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb:hover {
    text-decoration: none;
    background-color: var(--X);
    border-color: var(--X);
    color: var(--Z)
}

.button.disabled,
.button.disabled:hover {
    background-color: lightgray;
    border-color: lightgray;
    cursor: unset;
    color: #fff
}

.button.layout-logo--vQN5ncss–s1k3x8v3 {
    display: flex;
    margin: 20px 0
}

.button.layout-logo--vQN5ncss–s1636szt {
    background-image: var(--gb);
    background-position: right 12px center;
    background-size: 7px auto;
    background-repeat: no-repeat;
    padding-right: 25px;
    padding-left: 25px
}

.button.layout-logo--vQN5ncss–s1636szt:hover {
    background-image: var(--hb)
}

.button.layout-logo--vQN5ncss–sfvipm8 {
    background-image: var(--ab)
}

.owl-carousel__top3-row-carousel .button.layout-logo--vQN5ncss–sfvipm8.css–tzsjyecss–p1k3x8v3 {
    background-image: url(/jp/reviews/asset/images/arrow-more-white.svg)
}

.button.layout-logo--vQN5ncss–sfvipm8:hover {
    background-image: var(--bb)
}

.owl-carousel__top3-row-carousel .button.layout-logo--vQN5ncss–sfvipm8.css–tzsjyecss–p1k3x8v3:hover {
    background-image: url(/jp/reviews/asset/images/arrow-more-white.svg)
}

.button.css–f1636sztcss–f1636szt.layout-logo--vQN5ncss–s1636szt {
    background-image: var(--mb)
}

.button.css–f1636sztcss–f1636szt.layout-logo--vQN5ncss–s1636szt:hover {
    background-image: var(--nb)
}

.button.layout-logo--vQN5ncss–ptzsjye {
    margin: 3px 0
}

.button.css–ttzsjyecss–s1636szt {
    margin: 0
}

.button.css–1636sztcss–p1636szt {
    padding-top: 13px;
    padding-bottom: 13px
}

.button.css–f1636sztcss–f1636szt {
    border-color: var(--kb);
    color: var(--kb)
}

.button.css–f1636sztcss–f1636szt:hover {
    background-color: var(--jb);
    color: var(--lb)
}

.layout-languageDropdown--bZYiBcss–ttzsjye {
    margin-top: 15px
}

.layout-languageDropdown--bZYiBcss–tqiwgdb:not(.flex-content__main-content--no-style):not(.flex-content--comparison-column-template):not(.flex-content__main-content--fullwidth) {
    padding: 0;
    background: var(--i)
}

.layout-languageDropdown--bZYiBcss–tqiwgdb.css–tqiwgdbMuiFormControl–fullWidth {
    padding: 20px 15px 15px !important
}

.--layout-version1 .layout-languageDropdown--bZYiBcss–tqiwgdb.css–tqiwgdbMuiFormControl–fullWidth.css–tqiwgdbMuiInputBase–colorPrimary {
    margin-top: 0
}

.layout-languageDropdown--bZYiBcss–tqiwgdb.layout-languageDropdown--bZYiBcss–t1k3x8v3 {
    padding: 20px 15px !important
}

.layout-languageDropdown--bZYiBcss–tqiwgdb.MuiSelect–iconOutlinedMuiFormControl–root {
    background: none
}

.flex-content__col-sidebar {
    margin-top: 40px
}

.MuiSelect–iconOutlinedMuiInputBase–colorPrimary {
    padding-top: 15px
}

.css–ffvipm8layout-logo--vQN5n:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.css–f1k3x8v3css–ftzsjye,
.layout-mainHeader--nUtValayout-icons--h5h-pcss–t1636szt {
    font-size: 1.7rem;
    font-weight: var(--a);
    margin-bottom: 8px;
    color: currentColor;
    line-height: 1.2
}

.css–f1k3x8v3css–ftzsjye,
.layout-mainHeader--nUtValayout-icons--h5h-pcss–t1636szt {
    padding-left: 25px;
    background: var(--tc) left 3px no-repeat;
    background-size: 13px 13px;
    color: currentColor
}

.MuiInputBase–colorPrimary,
.css–ftzsjyecss–s1636szt {
    position: relative
}

.css–fqiwgdb {
    flex-grow: 1;
    max-width: fit-content !important
}

.MuiInputBase–colorPrimary:after,
.MuiSelect–iconMuiInputBase–formControl:after,
.layout-select--hSPCi:after,
.css–ftzsjyecss–s1636szt:after {
    position: absolute;
    top: 0;
    height: calc(100% + 1px * 1);
    width: var(--fd, 100vw);
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    content: "";
    z-index: -1
}

.MuiSelect–iconcss–1636szt {
    margin-top: 15px
}

.MuiSelect–iconcss–1636szt,
.MuiSelect–iconcss–1636szt:after {
    background: var(--Hc)
}

.MuiSvgIcon–fontSizeMediumcss–pfvipm8 .css–ttzsjye {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--kc)
}

.css–fqiwgdbcss–1636szt ol,
.css–fqiwgdbcss–1636szt ul {
    margin: 15px 0 30px;
    padding-left: 30px
}

.content-section>ul,
.content-section__toggle-content>ul,
.layout-languageDropdown--bZYiBcss–t1636szt>ul {
    padding: 0;
    margin: 15px 0;
    list-style: none
}

.layout-languageDropdown--bZYiBcss–t1636szt>ul>li,
.css–ftzsjyelayout-container--8mgcn,
.css–sqiwgdbcss–t1k3x8v3,
.content-section>ul>li,
.content-section__toggle-content>ul>li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px
}

.layout-languageDropdown--bZYiBcss–t1636szt>ul>li p,
.content-section>ul>li p {
    display: inline
}

.layout-languageDropdown--bZYiBcss–t1636szt>ul>li:before,
.css–ftzsjyelayout-container--8mgcn:before,
.css–sqiwgdbcss–t1k3x8v3:before,
.content-section>ul>li:before,
.content-section__toggle-content>ul>li:before {
    content: "";
    width: .5rem;
    height: .5rem;
    display: inline-flex;
    margin-right: 10px;
    margin-left: -15px;
    background: currentColor;
    border-radius: 50%;
    position: relative;
    top: -.125rem;
    flex: 0 0 5px;
    vertical-align: middle
}

.css–tzsjyecss–fvipm8 {
    width: 50px;
    height: 10px;
    background-image: var(--sc);
    background-repeat: repeat-x;
    background-size: 10px auto
}

.css–tzsjyecss–fvipm8.css–f1636sztMuiOutlinedInput–root {
    width: 30px;
    height: 6px;
    background-size: 6px 6px
}

.css–tzsjyecss–fqiwgdb {
    height: 10px;
    background-image: var(--rc);
    background-repeat: repeat-x;
    background-size: 10px auto;
    background-color: var(--i)
}

.css–tzsjyecss–fqiwgdb.css–ttzsjyecss–sqiwgdb {
    background-color: #fff
}

.css–tzsjyecss–fqiwgdb.css–f1636sztMuiInputBase–colorPrimary {
    background-color: var(--Qb)
}

.css–tzsjyecss–fqiwgdb.css–s1636sztcss–tfvipm8,
.css–fvipm8css–t1636szt,
.s_sfb .css–tzsjyecss–fqiwgdb.css–ttzsjyecss–sqiwgdb {
    background-color: var(--Ub)
}

.css–tzsjyecss–p1636szt .css–tzsjyecss–fqiwgdb {
    background-color: var(--kd)
}

.css–tzsjyecss–fqiwgdb.css–f1636sztMuiInputBase–formControl {
    height: 6px;
    background-size: 6px 6px
}

.css–tzsjyecss–fqiwgdb.css–t1k3x8v3layout-logoText--EkrWz {
    background-color: var(--j)
}

.css–tzsjyecss–fqiwgdb.css–tzsjyecss–f1k3x8v3,
.css–tzsjyecss–fqiwgdb.css–1636sztcss–ttzsjye {
    background-color: var(--Xb)
}

.layout-logo--vQN5ncss–ffvipm8 {
    font-size: 1rem;
    line-height: 1.25;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: normal
}

.layout-logoImage--pckRVcss–sfvipm8 .layout-logo--vQN5ncss–ffvipm8 {
    margin-top: 5px;
    margin-bottom: 3px
}

.layout-logo--vQN5ncss–ffvipm8,
.layout-logo--vQN5ncss–ffvipm8 .pointer,
.layout-logo--vQN5ncss–ffvipm8 .c-pointer {
    color: var(--G)
}

.layout-logo--vQN5ncss–ffvipm8 .pointer,
.layout-logo--vQN5ncss–ffvipm8 .c-pointer {
    text-decoration: underline;
    white-space: pre-wrap
}

.layout-logo--vQN5nlayout-logoText--EkrWz {
    line-height: 1;
    margin-bottom: .25em
}

.layout-logo--vQN5nlayout-icons--h5h-p {
    font-size: 1.375em;
    font-weight: var(--a)
}

.css–f1636sztMuiFormControl–fullWidth {
    font-size: 1.2rem;
    margin-bottom: 1px
}

.css–pqiwgdblayout-languageDropdown--bZYiB {
    padding: 7px;
    border: 1px solid var(--l);
    border-radius: var(--d);
    height: 100%;
    width: 100%
}

.css–pqiwgdbcss–tzsjye {
    background: var(--j);
    border-radius: var(--d);
    display: flex;
    flex: 1;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 5px;
    min-height: 64px
}

.css–pqiwgdbcss–1636szt {
    font-size: 2.4rem;
    font-weight: var(--P)
}

.css–1636sztcss–ptzsjye {
    font-size: 2rem;
    font-weight: var(--a)
}

.css–s1636sztcss–pqiwgdb {
    font-size: 2.4rem;
    font-weight: var(--a)
}

.css–p1636sztMuiInputBase–colorPrimary {
    font-size: 1.4rem;
    font-weight: var(--a);
    word-break: break-word
}

.css–pfvipm8css–1636szt {
    font-size: 1rem;
    font-weight: var(--N)
}

.css–pfvipm8css–fvipm8 {
    margin-top: 3px
}

.layout-logoText--EkrWzcss–s1k3x8v3 {
    display: inline-block;
    font-size: 75%
}

.provider-bonus-details-widget .layout-logoText--EkrWzcss–s1k3x8v3 {
    font-size: 85%
}

.css–ttzsjyecss–t1636szt .layout-logoText--EkrWzcss–s1k3x8v3 {
    font-size: 50%;
    display: block;
    margin-top: .25em
}

.css–ttzsjyeMuiInputBase–input {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10000;
    align-items: center;
    justify-content: center
}

.css–ttzsjyeMuiInputBase–input.--active {
    display: flex
}

.css–ttzsjyeMuiOutlinedInput–input {
    z-index: 1001;
    background: #fff;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    display: none;
    max-height: 90%;
    max-width: 90%;
    width: 600px;
    margin: auto
}

.css–ttzsjyeMuiOutlinedInput–input.--active {
    display: flex
}

.css–ttzsjyeMuiSelect–nativeInput {
    overflow-y: auto;
    padding: 15px
}

.css–ttzsjyeMuiSvgIcon–root {
    align-self: flex-end;
    background: var(--j);
    font-size: 2.4rem;
    width: 40px;
    height: 40px;
    color: #999;
    line-height: 40px;
    border-radius: 50%;
    font-weight: var(--a)
}

.css–ttzsjyeMuiSvgIcon–root:hover {
    color: var(--o)
}

.css–ttzsjyeMuiSvgIcon–fontSizeMedium {
    max-width: 120px;
    margin: 0 auto 15px
}

.css–ttzsjyeMuiSelect–icon {
    font-size: 2.4rem;
    font-weight: var(--a)
}

.css–ttzsjyeMuiSelect–iconOutlined {
    font-size: 2rem;
    margin: 5px 0 10px;
    color: var(--E)
}

.css–tqiwgdblayout-container--8mgcn {
    font-size: 2.4rem;
    color: var(--T);
    border: 2px dashed var(--T);
    background: color-mix(in srgb, var(--T) 5%, transparent);
    padding: 12px;
    width: 100%;
    max-width: 400px;
    border-radius: var(--d);
    font-weight: var(--a);
    margin: 0 auto
}

.css–tqiwgdblayout-mainHeader--nUtVa {
    margin: 15px auto;
    font-size: 1.2rem;
    width: 100%;
    max-width: 450px;
    line-height: 1.5
}

.css–tqiwgdblayout-logoImage--pckRV {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.layout-languageDropdown--bZYiBMuiInputBase–input {
    padding: 15px 0 20px;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    color: var(--ld)
}

.layout-languageDropdown--bZYiBMuiInputBase–input:nth-child(2) {
    padding-top: 0
}

.css–sqiwgdbMuiSvgIcon–fontSizeMedium .MuiInputBase–root {
    padding-top: 15px
}

.toc-section__headline {
    padding: 15px 45px 15px 15px;
    font-weight: var(--a);
    cursor: pointer;
    border-bottom: 1px solid transparent;
    position: relative
}

.toc-section__headline:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    -webkit-mask-image: url(/jp/reviews/asset/images/filter-menu.svg);
    mask-image: url(/jp/reviews/asset/images/filter-menu.svg);
    -webkit-mask-size: 24px auto;
    mask-size: 24px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--o)
}

.toc-section__headline:not(.--closed) {
    border-bottom-color: color-mix(in srgb, var(--o) 15%, transparent)
}

.toc-section__headline:hover {
    color: var(--S)
}

.toc-section__content-wrapper {
    transition: .25s all;
    overflow: hidden
}

.toc-section__content {
    padding: 15px
}

.layout-languageDropdown--bZYiBMuiSelect–select {
    margin-bottom: 8px
}

.toc-section__ul__li_link {
    text-decoration: none;
    display: flex;
    position: relative
}

.toc-section__ul__li_link:hover {
    color: var(--o);
    text-decoration: none
}

.toc-section__ul__li_link:after {
    content: "";
    width: 0px;
    height: 2px;
    display: block;
    background: var(--T);
    transition: all .25s ease-in-out;
    opacity: .75;
    position: absolute;
    bottom: -2px;
    left: 25px
}

.toc-section__ul__li_link:hover:after,
.toc-section__ul__li_link.--active:after {
    width: 50px
}

.toc-section__ul__li_link--has-sub-menu:after {
    margin-left: 25px
}

.toc-section__ul__li_link--has-sub-menu:hover:after,
.toc-section__ul__li_link--has-sub-menu.--active:after {
    width: 50px
}

.toc-section__ul__li_link:before,
.toc-section__ul__li__li__link:before {
    content: attr(data-toc-number) ". ";
    display: flex;
    flex: 0 0 25px;
    padding-right: 5px;
    align-self: baseline;
    justify-content: flex-end
}

.toc-section__ul__li_link--has-sub-menu {
    padding-left: 25px;
    background: url("/jp/reviews/asset/images/plus-icon-red.svg") 5px 5px no-repeat;
    background-size: 12px auto
}

.toc-section__ul__ul {
    display: none;
    padding: 6px 25px 0 40px !important
}

.toc-section__ul__li__li__link {
    text-decoration: none;
    font-size: 1.4rem;
    padding: 5px 0;
    position: relative;
    color: var(--o);
    line-height: 1.2;
    display: flex
}

.toc-section__ul__li__li__link:hover {
    text-decoration: none;
    color: var(--f)
}

.content-section__toggle-element {
    background: var(--e) url("/jp/reviews/asset/images/toggle-minus-white.svg") 15px center no-repeat;
    background-size: 21px auto;
    padding: 12px 15px 12px 50px;
    border-radius: var(--d);
    color: #fff;
    font-weight: var(--a);
    cursor: pointer
}

.content-section__toggle-element.--inactive {
    background-image: url(/jp/reviews/asset/images/toggle-plus-white.svg)
}

.content-section__toggle-element:hover {
    color: rgba(255, 255, 255, .7)
}

.css–tfvipm8layout-container--8mgcn {
    background-color: var(--e)
}

.css–tfvipm8css–1636szt {
    background-color: #951b81
}

.css–p1k3x8v3css–tqiwgdb {
    background-color: #005578
}

.content-section__toggle-content {
    padding-top: 15px
}

.MuiInputBase–inputcss–sqiwgdb .css–tfvipm8layout-logo--vQN5n {
    user-select: none;
    opacity: .25;
    filter: grayscale(1)
}

.css–stzsjyeMuiInputBase–formControl {
    margin: 30px -15px 0
}

.css–stzsjyelayout-languageDropdown--bZYiB {
    padding: 10px 0;
    border-bottom: 1px solid var(--kc);
    font-size: 1.4rem;
    height: 100%
}

.css–stzsjyelayout-languageDropdown--bZYiB a {
    color: var(--o)
}

.css–stzsjyelayout-languageDropdown--bZYiB a:hover,
.css–stzsjyelayout-languageDropdown--bZYiB:hover .css–stzsjyecss–1k3x8v3 {
    color: var(--R)
}

.css–stzsjyecss–1k3x8v3 {
    min-width: 25px;
    display: inline-flex;
    align-self: flex-start;
    padding-right: 5px;
    transition: color .25s ease-in-out
}

.css–stzsjyeMuiInputBase–input:not(:first-child) {
    margin-top: 30px
}

.css–ttzsjye {
    margin: 15px 0;
    font-size: 1.1rem
}

.css–tqiwgdbMuiInputBase–root {
    padding: 0
}

.h1-headline~.css–tqiwgdbMuiInputBase–root {
    padding-top: 0;
    margin-top: 0
}

.css–p1636szt:not(.layout-mainHeader--nUtValayout-logoText--EkrWz) {
    padding-right: 0
}

.MuiSelect–outlined {
    font-weight: var(--a)
}

.single-post-meta-data__elem__image {
    max-width: 40px;
    margin-right: 15px;
    align-items: center;
    width: 100%
}

.layout-mainHeader--nUtValayout-logoImage--pckRV,
.single-post-meta-data__mobile-toggle-menu .css–p1636szt {
    border: none;
    padding: 0;
    margin: 0
}

.single-post-meta-data__mobile-toggle-menu .css–t1636szt:not(:last-child) {
    margin-bottom: 15px
}

.single-post-meta-data__mobile-toggle-btn:before {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    background: var(--o);
    -webkit-mask-image: url(/jp/reviews/asset/images/header-icon-info-gray.svg);
    mask-image: url(/jp/reviews/asset/images/header-icon-info-gray.svg);
    -webkit-mask-size: 12px auto;
    mask-size: 12px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: 10px;
    border-radius: 50%;
    cursor: pointer;
    position: relative
}

.single-post-meta-data__mobile-toggle-btn:before {
    content: "";
    margin-left: 0;
    margin-right: 4px;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    background: var(--bc);
    -webkit-mask-size: 10px auto;
    mask-size: 10px auto
}

.single-post-meta-data__mobile-toggle-btn {
    background: var(--ac);
    color: var(--bc);
    border-radius: 10px 4px 4px 10px;
    font-size: .85rem;
    text-transform: uppercase;
    display: flex;
    font-weight: var(--a);
    align-items: center;
    line-height: 1;
    padding: 3px 5px 3px 3px;
    cursor: pointer;
    margin: 3px 0
}

.single-post-meta-data__mobile-toggle-btn:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--ac);
    position: absolute;
    bottom: -3px;
    left: 15px;
    transition: all .2s ease-out;
    opacity: 0
}

.single-post-meta-data__mobile-toggle-btn.--active:after {
    opacity: 1;
    transition: all .2s ease-out
}

.single-post-meta-data__mobile-toggle-btn span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
    pointer-events: none
}

.single-post-meta-data__mobile-toggle-menu {
    position: absolute;
    background: var(--ac);
    top: 30px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    padding: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    width: 300px;
    z-index: 11;
    color: var(--bc);
    font-weight: normal;
    border-radius: var(--d);
    user-select: none
}

.single-post-meta-data__mobile-toggle-menu.--active {
    display: flex !important;
    opacity: 1;
    pointer-events: all
}

.css–p1636szt,
.single-post-meta-data__elem__value--loading {
    width: 100%
}

.css–p1636szt p:last-child {
    margin-bottom: 0
}

.single-post-meta-data__elem__author-name {
    font-weight: var(--a);
    font-size: 1.2rem;
    padding-right: 5px;
    text-decoration: none;
    color: currentColor
}

.single-post-meta-data__social-sharing {
    position: relative;
    margin-left: auto;
    padding-left: 10px;
    display: flex;
    align-items: center;
    z-index: 2
}

.single-post-meta-data__social-sharing__icons {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    padding: 40px 5px 5px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    display: flex;
    border-radius: var(--d)
}

.single-post-meta-data__social-sharing__icons.--active {
    opacity: 1;
    pointer-events: all
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root {
    text-decoration: none;
    color: var(--D)
}

.author-footer-box .layout-mainHeader--nUtVaMuiOutlinedInput–root {
    color: var(--o)
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root span {
    width: 30px;
    height: 30px;
    display: block;
    transition: all .2s ease-out;
    text-indent: -9999px;
    overflow: hidden
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root:hover {
    color: var(--T);
    transition: all .2s ease-out;
    text-decoration: none
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root:not(:last-child) {
    margin-bottom: 10px
}

.single-post-meta-data__social-sharing__mobile-toggle {
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: var(--d);
    position: relative;
    width: 40px;
    height: 36px;
    align-self: flex-start;
    cursor: pointer;
    margin-left: auto
}

.single-post-meta-data__social-sharing__mobile-toggle:hover:not(.--active) {
    border-color: color-mix(in srgb, currentColor 30%, transparent)
}

.single-post-meta-data__social-sharing__mobile-toggle.--active {
    border-color: transparent;
    transition: all .2s ease-out;
    opacity: .5
}

.single-post-meta-data__social-sharing__mobile-toggle[class*=" socialicon-"]:before,
.layout-mainHeader--nUtVaMuiOutlinedInput–root span:before {
    color: currentColor;
    z-index: 1;
    width: 38px;
    height: 34px;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-indent: 0
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root span.socialicon-mail:before {
    font-size: 1.6rem
}

.single-post-meta-data__social-sharing__mobile-toggle.--active[class*=" socialicon-"]:before {
    color: var(--D)
}

.layout-mainHeader--nUtVaMuiOutlinedInput–root span:before {
    width: 100%;
    color: currentColor
}

.css–ptzsjye {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
    cursor: pointer
}

.author-footer-box .css–ptzsjye {
    cursor: default
}

.js-clickable {
    cursor: pointer
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–select {
    margin-top: 30px
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–outlined {
    color: var(--E);
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 5px
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiInputBase–input {
    margin-bottom: 5px !important
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–fullWidth {
    color: var(--o)
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–fullWidth:hover {
    color: var(--T)
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–root {
    font-size: 1.8rem;
    color: var(--o);
    margin-bottom: 5px;
    font-weight: var(--a)
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSvgIcon–root {
    margin-left: -8px;
    margin-right: -8px
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–root {
    font-size: 1.3rem;
    margin-bottom: 0
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSvgIcon–fontSizeMedium {
    margin-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px
}

.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–icon {
    height: 100%;
    border-radius: var(--d);
    border: 1px solid var(--kc)
}

.layout-mainHeader--nUtValayout-logoText--EkrWzlayout-logoImage--pckRV {
    padding: 5px 0 5px 5px;
    align-self: center
}

.layout-mainHeader--nUtValayout-logoText--EkrWzlayout-gamesNavBar--Rtchc {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%
}

.s_sf {
    background: var(--Nc);
    color: var(--Oc)
}

.lang-switcher__toggle {
    color: #fff;
    padding: 0 20px 0 10px;
    background: url("/jp/reviews/asset/images/arrow-language-switcher.svg") calc(100% - 10px * 1) center no-repeat;
    border: 1px solid rgba(255, 255, 255, .25);
    background-size: 8px auto;
    position: relative;
    transition: all .25s ease-in-out;
    user-select: none;
    line-height: 1;
    border-radius: var(--d);
    display: flex;
    align-items: center;
    height: 40px
}

.lang-switcher__toggle.--active,
.lang-switcher__toggle:hover {
    background-color: var(--g);
    transition: all .25s ease-in-out
}

.js-link {
    user-select: none
}

.s_bttb {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
    width: 30px;
    height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, .3) url("/jp/reviews/asset/images/arrow-more-white.svg") center no-repeat;
    background-size: 6px auto !important;
    cursor: pointer;
    border: 0;
    border-radius: var(--d);
    text-decoration: none;
    transition: opacity .2s ease-out, background-color .2s ease-out, bottom .2s ease-out;
    opacity: 0;
    pointer-events: none;
    text-indent: -9999px;
    transform: rotate(-90deg)
}

.s_bttb.visible {
    opacity: 1;
    pointer-events: all
}

.s_bttb:hover {
    background-color: rgba(0, 0, 0, .4)
}

.body--no-scroll .s_bttb {
    z-index: 1
}

.pointer {
    cursor: pointer
}

.css–ptzsjyecss–s1636szt {
    padding: 0
}

.css–ptzsjyecss–ptzsjye {
    margin-top: 1rem !important;
    padding: 15px 15px 15px 45px;
    background: var(--m);
    border-radius: var(--d);
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 75px;
    position: relative;
    z-index: 0;
    color: var(--n)
}

.css–ffvipm8css–f1636szt .css–ptzsjyecss–ptzsjye {
    margin-bottom: 30px !important
}

.css–ptzsjyeMuiInputBase–input {
    font-size: 1.8rem;
    margin-bottom: 3px;
    font-weight: var(--a);
    line-height: 1.2
}

.css–ptzsjyecss–ptzsjye:before {
    height: auto;
    width: 30px;
    line-height: 1;
    font-size: 4rem;
    position: absolute;
    content: "!";
    left: 15px;
    top: 15px;
    color: var(--n);
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-weight: var(--a);
    z-index: 1
}

.css–ptzsjyecss–ptzsjye.MuiInputBase–inputcss–p1636szt {
    padding-left: 60px
}

.css–ptzsjyecss–ptzsjye.MuiInputBase–inputcss–p1636szt:before {
    left: 10px;
    justify-content: center
}

.MuiInputBase–inputcss–p1636szt {
    margin-bottom: 30px;
    border: 2px solid #222
}

.MuiInputBase–inputcss–p1636szt .css–ptzsjyeMuiInputBase–input {
    margin-bottom: 0
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 30px
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) {
    padding-top: 30px;
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: 1fr;
    grid-auto-flow: column
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) .css–tzsjyelayout-gamesNavBar--Rtchc {
    min-width: calc(var(--fd, 100vw) - 30px)
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .css–tzsjyelayout-gamesNavBar--Rtchc {
    max-width: calc(var(--fd, 100vw) - 30px)
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .owl-stage-outer {
    padding: 15px;
    margin: -15px
}

.css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n.owl-carousel-inactive {
    display: flex;
    flex-wrap: nowrap !important;
    overflow: hidden;
    align-items: flex-start;
    padding-bottom: 39px;
    margin: 0 !important
}

.general-code-field[data-is-exclusive="1"] {
    position: relative
}

.general-code-field[data-is-exclusive="1"]:not(.layout-mainHeader--nUtValayout-logo--vQN5nlayout-logoText--EkrWz):not(.exclusive-promo-code-field):before {
    content: var(--md);
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e02d57;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    padding: 2px 8px;
    letter-spacing: normal !important;
    border-radius: 2px;
    font-weight: normal;
    pointer-events: none
}

.general-code-field {
    display: block;
    position: relative
}

.css–1k3x8v3css–pfvipm8 {
    position: absolute;
    left: 25px;
    top: -.5em;
    background: #fff;
    padding: 0 5px;
    font-size: 1.1rem;
    font-weight: var(--a);
    display: block;
    z-index: 1;
    text-transform: uppercase;
    line-height: 1;
    color: var(--E);
    pointer-events: none
}

.css–tzsjyecss–p1636szt .css–1k3x8v3css–pfvipm8 {
    background: var(--kd);
    color: var(--F)
}

.css–sqiwgdblayout-icons--h5h-p .css–1k3x8v3css–pfvipm8,
.provider-bonus-details-widget .css–1k3x8v3css–pfvipm8 {
    background: var(--Qb)
}

.general-code-field label {
    margin: 0;
    display: block
}

.general-code-field__input {
    background: var(--wc);
    color: var(--xc);
    border: none;
    border-radius: var(--d);
    padding: 5px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 1.4rem;
    min-height: 41px
}

.general-code-field__input--disabled,
.general-code-field__input--disabled:hover {
    pointer-events: none;
    color: #666;
    font-size: 1.8rem
}

.general-code-field__input:not(.--is-tracking):not(.--active):not(.general-code-field__input--disabled) {
    font-size: 1.8rem;
    letter-spacing: 3px;
    padding-top: .75rem;
    padding-bottom: 0
}

.general-code-field__input.--is-tracking:not(.--active):not(.--is-exclusive):not(.general-code-field__input--disabled) {
    font-size: 1.6rem;
    padding-top: .25rem;
    padding-bottom: 0
}

.general-code-field__input.--is-tracking.--is-exclusive:not(.--active):not(.general-code-field__input--disabled) {
    font-size: 1.6rem;
    letter-spacing: 0;
    padding-top: .2rem;
    padding-bottom: 0
}

.general-code-field.--has-code:not(.--hide-copy-btn) .general-code-field__input {
    padding-right: 35px
}

.general-code-field.--is-tracking:not(.--active) .general-code-field__input {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.general-code-field:not(.layout-mainHeader--nUtValayout-logo--vQN5nlayout-logoText--EkrWz):hover .general-code-field__input:not(.--active) {
    color: var(--l)
}

.general-code-field__input.--active {
    color: var(--l);
    font-weight: var(--a);
    border: 1px solid var(--l) !important;
    background: #f6fdfb
}

.general-code-field__input.--active.--has-code {
    cursor: default
}

.general-code-field__cpy-btn {
    text-indent: -9999px;
    cursor: pointer;
    width: 35px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-mask-image: url(/jp/reviews/asset/images/copy-code-icon-black.svg);
    mask-image: url(/jp/reviews/asset/images/copy-code-icon-black.svg);
    -webkit-mask-size: 14px auto;
    mask-size: 14px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: currentColor
}

.general-code-field.--active .general-code-field__cpy-btn {
    background: var(--l)
}

.general-code-field__cpy-btn:hover {
    opacity: .7
}

.general-code-field__cpy-btn.css–qiwgdbMuiSelect–nativeInput {
    width: 0;
    background: none
}

.general-code-field__copied-notice.--active {
    position: absolute;
    transform: translateX(-50%);
    max-width: 90%;
    min-width: 55%;
    left: 50%;
    top: 34px;
    background: var(--f);
    color: #fff;
    padding: 4px 8px;
    line-height: 1.2;
    text-align: center;
    font-size: 1.1rem;
    border-radius: var(--d);
    letter-spacing: 0;
    pointer-events: none;
    z-index: 1
}

.--bonus-comparison .general-code-field__input,
.--bonus-details-sc .general-code-field__input,
.--s_sfb .general-code-field__input:not(.--active),
.--top5-bonus .general-code-field__input:not(.--active) {
    border: 1px dashed var(--lc)
}

.--review-header-new .general-code-field__input:not(.--active) {
    border: 1px solid color-mix(in srgb, var(--ld) 30%, transparent);
    background-color: var(--od);
    color: var(--pd)
}

.review-header-info-new.css–sqiwgdblayout-icons--h5h-p .general-code-field__input:not(.--active),
.provider-bonus-details-widget .general-code-field__input:not(.--active) {
    border: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent)
}

.--bonus-comparison .general-code-field__input:not(.general-code-field__input--disabled):hover,
.--s_sfb .general-code-field__input:not(.general-code-field__input--disabled):hover,
.--top5-bonus .general-code-field__input:not(.general-code-field__input--disabled):hover {
    border-color: var(--l)
}

.--bonus-details-sc .general-code-field__input {
    min-height: 40px
}

.--bonus-comparison .general-code-field__input:not(.--active),
.--bonus-details-sc .general-code-field__input:not(.--active),
.--s_sfb .general-code-field__input:not(.--active),
.--top5-bonus .general-code-field__input:not(.--active),
.--bonus-highlightbox .general-code-field__input:not(.--active) {
    background: var(--yc);
    color: var(--zc)
}

.--s_sfb .general-code-field__copied-notice.--active {
    bottom: -8px
}

.s_mw {
    max-height: 999999px
}

.search__results-overlay__loading {
    margin: 15px auto;
    width: 100px
}

.search__results-overlay__output {
    max-height: 65vh;
    overflow-y: auto
}

.search__results-overlay__output em.req___highlighted {
    background: color-mix(in srgb, var(--f) 12%, transparent);
    font-weight: var(--a);
    font-style: normal
}

.req___search-result-container__tabs {
    background: var(--j);
    padding: 15px 15px 5px;
    position: sticky;
    top: 0;
    z-index: 1;
    overflow: auto
}

.req___search-result-container__tab-item {
    border: 1px solid var(--kc);
    padding: 10px 15px;
    margin-right: 10px;
    border-radius: var(--d);
    white-space: nowrap;
    color: var(--E);
    line-height: 1;
    background: #fff;
    font-size: 1.3rem
}

.req___search-result-container__tab-item:hover,
.req___search-result-container__tab-item.--active {
    color: var(--D);
    border-color: var(--D)
}

.req___search-result-container__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.req___search-result-container__list li {
    padding: 10px 5px;
    position: relative
}

.req___search-result-container__list li.--text {
    padding: 12px 5px
}

.req___search-result-container__list li:hover {
    background: rgba(0, 0, 0, .05)
}

.req___search-result-container__list li:not(:last-child) {
    border-bottom: 1px solid var(--kc)
}

.req___search-result-container__show-more {
    text-align: center;
    font-size: 1.3rem;
    font-weight: var(--a);
    margin-top: 15px;
    cursor: pointer;
    text-decoration: underline
}

.req___search-result-container__list__operator-entry {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.req___search-result-container__list a {
    text-decoration: none;
    color: var(--o)
}

.req___search-result-container__list a:hover {
    color: var(--T)
}

.req___search-result-container__list a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.req___search-result-container__list__logo {
    width: 60px;
    min-width: 60px;
    height: 30px;
    border-radius: var(--d);
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.req___search-result-container__list__logo.req___search-result-container__list__logo--game {
    width: 40px;
    min-width: 40px
}

.req___search-result-container__list__logo img {
    max-height: 100%;
    width: auto
}

.req___search-result-container__list__title {
    flex-grow: 1;
    padding-right: 15px
}

.req___search-result-container__list__rating {
    display: flex;
    grid-gap: 0 5px;
    align-items: center
}

.req___search-result-container__list__provider-name {
    max-width: 40%;
    display: flex;
    align-items: center
}

.req___search-result-container__list__rating .css–tzsjyecss–fqiwgdb {
    background-color: transparent
}

.req___search-result-container__nothing-found {
    padding: 15px
}

.layout-select--hSPCicss–pqiwgdb {
    display: flex;
    align-items: stretch;
    padding: 8px 25px 8px 8px;
    background: var(--W);
    color: var(--Y);
    border-radius: var(--d);
    line-height: 1.4;
    justify-content: center
}

.layout-select--hSPCicss–pqiwgdb:hover {
    background: var(--X);
    color: var(--Z)
}

.layout-select--hSPCicss–p1636szt {
    width: 65px;
    flex: 0 0 65px;
    min-height: 30px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--d);
    pointer-events: none
}

.layout-select--hSPCicss–pfvipm8 {
    align-self: center;
    font-weight: var(--a);
    pointer-events: none
}

.css–tfvipm8layout-logo--vQN5n>ul:not([class]),
.content-section>ul:not([class]),
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ul:not([class]),
.css–tqiwgdbMuiFormControl–fullWidth>ul:not([class]),
.css–tfvipm8layout-logo--vQN5n>ol:not([class]),
.content-section>ol:not([class]),
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ol:not([class]),
.css–tqiwgdbMuiFormControl–fullWidth>ol:not([class]) {
    margin: 15px 0 30px;
    padding: 0;
    list-style: none;
    counter-reset: section
}

.css–tfvipm8layout-logo--vQN5n>ul:not([class])>li,
.content-section>ul:not([class])>li,
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ul:not([class])>li,
.css–tqiwgdbMuiFormControl–fullWidth>ul:not([class])>li,
.css–tfvipm8layout-logo--vQN5n>ol:not([class])>li,
.content-section>ol:not([class])>li,
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ol:not([class])>li,
.css–tqiwgdbMuiFormControl–fullWidth>ol:not([class])>li {
    margin-bottom: 10px;
    padding-left: 30px
}

.css–tfvipm8layout-logo--vQN5n>ul:not([class])>li:before,
.content-section>ul:not([class])>li:before,
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ul:not([class])>li:before,
.css–tqiwgdbMuiFormControl–fullWidth>ul:not([class])>li:before {
    content: "";
    display: inline-flex;
    flex: 0 0 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-left: -30px;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: middle;
    background: var(--rd, var(--Ac));
    -webkit-mask-image: url(circle-checkmark-green.svg);
    mask-image: url(circle-checkmark-green.svg)
}

.css–tfvipm8layout-logo--vQN5n>ol:not([class])>li:before,
.content-section>ol:not([class])>li:before,
.layout-languageDropdown--bZYiBcss–tqiwgdb>.layout-languageDropdown--bZYiBcss–t1636szt>ol:not([class])>li:before,
.css–tqiwgdbMuiFormControl–fullWidth>ol:not([class])>li:before {
    counter-increment: section;
    content: counter(section);
    display: inline-flex;
    flex: 0 0 22px;
    height: 22px;
    width: 22px;
    margin-right: 8px;
    margin-left: -30px;
    background: var(--rd, var(--Ac));
    color: var(--sd, var(--Bc));
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem
}

:target {
    scroll-margin-top: calc(var(--Uc) + var(--bd) + 10px)
}

@media (min-width:576px) {

    .layout-languageDropdown--bZYiBcss–1k3x8v3 .MuiInputBase–formControl,
    .MuiSelect–iconMuiInputBase–formControl,
    .layout-select--hSPCi {
        padding: 10px 0
    }

    .MuiInputBase–formControl,
    .MuiInputBase–formControl a {
        font-size: 1.2rem
    }

    .css–p1636szt:not(.layout-mainHeader--nUtValayout-logoText--EkrWz) {
        padding-right: 15px;
        border-right: 1px solid color-mix(in srgb, currentColor 15%, transparent)
    }
}

@media (min-width:700px) {
    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) {
        grid-template-columns: 1fr 1fr
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) .css–tzsjyelayout-gamesNavBar--Rtchc {
        min-width: calc(50vw - 30px)
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .css–tzsjyelayout-gamesNavBar--Rtchc {
        max-width: calc(50vw - 30px)
    }
}

@media (min-width:768px) {
    .css–qiwgdblayout-logoImage--pckRV {
        overflow-x: auto
    }

    .css–s1k3x8v3MuiFormControl–fullWidth {
        font-size: 1.5rem;
        padding: 5px 10px
    }

    .layout-languageDropdown--bZYiBMuiSelect–icon {
        margin-bottom: .75em
    }

    body {
        padding-top: calc(var(--Uc) + var(--bd))
    }

    .s_sh__icon-row,
    .s_sh__icon-row .header-toggle-icon,
    .s_sh__icon-row .header-toggle-btn {
        height: var(--Uc) !important
    }

    .single-post-meta-data__mobile-toggle-btn:hover:before {
        background: var(--bc)
    }

    .header-toggle-textbox {
        top: var(--Uc)
    }

    .site-menu {
        top: var(--bd)
    }

    .site-menu--active {
        max-height: calc(100vh - var(--Uc) - var(--bd))
    }

    .header-search__input-text {
        font-size: 2rem;
        padding: 0 50px 0 30px;
        line-height: var(--bd);
        height: var(--bd)
    }

    .search__close {
        font-size: 1.6rem;
        padding: 8px;
        right: 0px
    }

    .search-toggle {
        width: 50px;
        height: var(--bd);
        -webkit-mask-size: 20px 20px;
        mask-size: 20px 20px
    }

    .s_mw {
        margin: 30px 0
    }

    .s_mw.layout-icons--h5h-p {
        margin: 0
    }

    h2 {
        font-size: calc(2.2rem * var(--Q))
    }

    h2#sub-h2-headline-for-some-more-information {
        font-size: calc(2rem * var(--Q))
    }

    h3 {
        font-size: calc(2rem * var(--Q))
    }

    h4 {
        font-size: calc(1.6rem * var(--Q))
    }

    .css–ptzsjyelayout-logo--vQN5n {
        font-size: calc(1.8rem * var(--Q))
    }

    .h1-headline {
        font-size: calc(2.8rem * var(--Q))
    }

    .css–tqiwgdblayout-mainHeader--nUtVa {
        font-size: 1.3rem
    }

    .layout-mainHeader--nUtValayout-logoImage--pckRV {
        margin-left: 20px
    }

    .single-post-meta-data__mobile-toggle-menu .css–t1636szt {
        margin-left: 0;
        width: 100%
    }

    .s_bttb {
        width: 40px;
        height: 40px;
        background-size: 8px auto
    }

    .css–ptzsjyecss–ptzsjye {
        padding-left: 40px
    }

    .css–ptzsjyecss–ptzsjye:before {
        width: 50px;
        font-size: 5rem
    }

    .css–ptzsjyecss–ptzsjye {
        padding-left: 50px
    }

    .general-code-field__input:not(.--active):not(.--is-tracking) {
        letter-spacing: 5px
    }

    .general-code-field__input:not(.--is-tracking):not(.--active):not(.general-code-field__input--disabled):hover {
        letter-spacing: 6px
    }

    .general-code-field__input.--is-tracking.--is-exclusive:not(.--active):not(.general-code-field__input--disabled):hover,
    .general-code-field__input.--is-tracking:not(.--active):not(.--is-exclusive):not(.general-code-field__input--disabled):hover {
        letter-spacing: 3px
    }

    .req___search-result-container__tab-item {
        padding: 12px 15px;
        font-size: 1.4rem
    }
}

@media (min-width:992px) {

    a,
    button,
    .button,
    [class*=' s_sml--level-'],
    [class*=' site-menu__sub-menu__link--level-'],
    .s_sml--no-link,
    .css–pqiwgdbcss–f1k3x8v3 {
        transition: color .25s ease-in-out, background .25s ease-in-out, opacity .25s ease-in-out, border-color .25s ease-in-out
    }

    a:hover,
    button:hover,
    .button:hover,
    [class*=' s_sml--level-']:hover,
    [class*=' site-menu__sub-menu__link--level-']:hover,
    .s_sml--no-link:hover,
    .css–pqiwgdbcss–f1k3x8v3:hover {
        transition: color .25s ease-in-out, background .25s ease-in-out, opacity .25s ease-in-out, border-color .25s ease-in-out
    }

    .transition-all,
    .transition-all:hover {
        transition: all .25s ease-in-out
    }

    .layout-languageDropdown--bZYiBMuiSvgIcon–root,
    .layout-languageDropdown--bZYiBMuiSvgIcon–root:hover {
        transition: color .25s ease-in-out
    }

    .layout-mainHeader--nUtValayout-logo--vQN5n,
    .layout-mainHeader--nUtValayout-logo--vQN5n:hover {
        transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out
    }

    .css–s1k3x8v3MuiFormControl–fullWidth {
        float: right
    }

    body.MuiSvgIcon–fontSizeMediumcss–pfvipm8 .s_sh:not(.sticky-shadow) {
        border-bottom: none
    }

    .header-toggle-btn {
        padding-right: 8px
    }

    .header-toggle-textbox {
        width: 250px;
        left: auto;
        right: 0
    }

    .s_sh__menu-row {
        overflow: hidden;
        max-width: calc(100% - var(--ob) - 50px)
    }

    .s_sh--single-row .s_sh__menu-row {
        max-width: calc(100% - var(--ob) - 50px - var(--id, 175px) - 15px)
    }

    .s_sh__menu-row--overflow {
        overflow-y: visible
    }

    .site-menu-extended.site-menu--active {
        height: 100%;
        max-height: 100%
    }

    .header-search {
        left: 15px;
        max-width: calc(100% - 30px * 1)
    }

    .search-toggle:hover {
        opacity: .5
    }

    .site-menu {
        padding: 0;
        background: none;
        position: static;
        z-index: auto;
        margin: 0;
        box-shadow: none;
        border: none;
        opacity: 1;
        pointer-events: all;
        transition: none
    }

    .site-menu {
        transform: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .site-menu::-webkit-scrollbar {
        display: none
    }

    .site-menu__sub-menu-toggle {
        position: static;
        display: inline-flex;
        width: auto;
        height: auto
    }

    .site-menu .site-menu__sub-menu-toggle__arrow.--active {
        transform: rotate(0deg)
    }

    .site-menu .site-menu__sub-menu-parent--level-2 {
        position: static
    }

    .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle__arrow {
        background: currentColor !important;
        -webkit-mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-plus.svg) !important;
        mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-plus.svg) !important;
        -webkit-mask-size: 12px auto;
        mask-size: 10px auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(0);
        width: 100%;
        height: 100%
    }

    .site-menu .s_smi--level-0.s_mihc:hover .site-menu__sub-menu-toggle__arrow {
        transform: rotate(90deg);
        transition: all .25s ease-in-out;
        opacity: .5
    }

    .site-menu .s_smi--level-0 .s_smsml1,
    .site-menu .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu--level-2 {
        position: absolute;
        display: flex;
        flex-direction: column;
        z-index: 3;
        width: 280px;
        transform: translateY(20px);
        margin: 0;
        opacity: 0;
        pointer-events: none;
        transition: all .25s ease-in-out;
        box-shadow: 5px 15px 30px rgba(0, 0, 0, .15);
        border-top: 3px solid var(--Eb)
    }

    .site-menu .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu--level-2 {
        min-height: calc(100% + 3px * 1);
        transform: translate(20px, -2px);
        left: 280px
    }

    .site-menu .site-menu__sub-menu-parent--level-2:hover .site-menu__sub-menu--level-2 {
        transform: translate(0, -2px)
    }

    .site-menu .s_smi--level-0.s_mihc:hover .s_smsml1,
    .site-menu .site-menu__sub-menu-parent--level-2.s_mihc:hover .site-menu__sub-menu--level-2 {
        display: flex !important;
        opacity: 1;
        pointer-events: all;
        transform: translateY(-2px);
        transition: all .25s ease-in-out
    }

    .site-menu .site-menu__sub-menu-parent--level-2.s_mihc:hover .site-menu__sub-menu--level-2 {
        transition-delay: 75ms
    }

    .site-menu__sub-menu--level-2 {
        padding: 0 15px
    }

    .site-menu .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu--level-2 {
        padding: 0 15px;
        width: 280px;
        position: absolute;
        top: -1px;
        max-height: calc(100vh - 150px * 1);
        overflow: auto
    }

    .site-menu-extended {
        background: var(--ub);
        color: var(--Db);
        position: absolute;
        top: var(--bd);
        right: 15px;
        width: 300px;
        list-style: none;
        padding: 0;
        margin: 0;
        transform: translateY(20px);
        opacity: 0;
        pointer-events: none;
        transition: all .25s ease-in-out;
        box-shadow: 5px 15px 30px rgba(0, 0, 0, .15);
        border-top: 3px solid var(--Eb);
        z-index: 10;
        max-height: calc(100vh - 115px * 1);
        overflow: auto
    }

    .s_sh--single-row .site-menu-extended {
        right: calc(15px + var(--id, 175px) + 15px)
    }

    .site-menu-extended.--active {
        display: flex;
        opacity: 1;
        pointer-events: all;
        transform: translateY(-2px);
        transition: all .25s ease-in-out
    }

    .site-menu-extended .s_smsml1 {
        margin: 0
    }

    .site-menu-extended .site-menu__sub-menu--level-2 {
        padding: 0
    }

    .site-menu-extended .s_smi--level-0 {
        opacity: 1;
        transition: all .25s ease-in-out
    }

    .site-menu-extended .s_smi--level-0--flown-in {
        transition: all .25s ease-in-out
    }

    .site-menu-extended .site-menu__sub-menu-toggle {
        margin-left: auto;
        margin-right: -15px;
        height: 100%;
        min-height: 50px;
        width: 60px;
        min-width: 60px;
        border-left: 1px solid rgba(255, 255, 255, .1)
    }

    .site-menu-extended .site-menu__sub-menu-toggle__arrow {
        margin: auto;
        -webkit-mask-size: 8px auto;
        mask-size: 8px auto;
        height: 12px;
        width: 8px;
        transform: rotate(90deg);
        background: var(--Db)
    }

    .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle__arrow {
        width: 12px;
        transform: rotate(0)
    }

    .site-menu-extended .site-menu__sub-menu-toggle__arrow.--active {
        transform: rotate(-90deg)
    }

    .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle__arrow.--active {
        -webkit-mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-minus.svg) !important;
        mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-minus.svg) !important;
        transform: rotate(0);
        opacity: 1
    }

    .site-menu-extended .header-search-form {
        margin: 0;
        padding-left: 55px
    }

    .site-menu-extended__li-wrapper {
        margin-right: auto
    }

    .site-menu-extended__li-wrapper.hidden {
        transition: none;
        width: 0;
        padding: 0;
        overflow: hidden;
        font-size: 0
    }

    .site-menu-extended__toggle {
        flex: 0 0 40px;
        min-width: 40px;
        height: 30px;
        margin: auto;
        border-radius: var(--d);
        display: flex;
        cursor: pointer
    }

    .site-menu-extended__toggle span {
        -webkit-mask-image: url(/jp/reviews/asset/images/menu-icon-extended-toggle-white.svg);
        mask-image: url(/jp/reviews/asset/images/menu-icon-extended-toggle-white.svg);
        -webkit-mask-size: 26px auto;
        mask-size: 26px auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        width: 100%;
        height: 100%;
        background: var(--vb)
    }

    .--active .site-menu-extended__toggle span {
        background: var(--sb)
    }

    .site-menu-extended__toggle:hover {
        opacity: .5
    }

    .site-menu-extended__li-wrapper.--active .site-menu-extended__toggle {
        background-color: var(--Eb);
        opacity: 1
    }

    .site-menu-extended .header-search-form {
        background: none;
        border-bottom: 1px solid #444
    }

    .site-menu-extended .header-search {
        margin: 15px;
        background: rgba(255, 255, 255, .1);
        border-radius: var(--d)
    }

    .site-menu-extended .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle {
        min-width: 40px;
        width: 40px;
        min-height: 34px;
        margin-top: -10px;
        margin-bottom: -10px
    }

    .site-submenu-row {
        padding: 0
    }

    .site-submenu-container {
        padding: 0;
        max-width: calc(100% - 30px * 1)
    }

    .layout-languageDropdown--bZYiBcss–1k3x8v3 .MuiInputBase–formControl:not(.css–tqiwgdbMuiFormControl–root) {
        min-height: 36px
    }

    .layout-select--hSPCi {
        margin-bottom: 15px
    }

    .layout-select--hSPCi:not(.css–s1k3x8v3layout-select--hSPCi):after {
        box-shadow: 0 1px 0 0 var(--kc)
    }

    .button.layout-logo--vQN5ncss–s1636szt:hover {
        background-position: right 9px center
    }

    .flex-content__col-sidebar {
        margin-top: -1px
    }

    .MuiSvgIcon–fontSizeMediumcss–pfvipm8 .flex-content__col-sidebar {
        margin-top: 30px
    }

    .flex-content__col-sidebar.css–f1k3x8v3css–1636szt {
        margin-top: -1px
    }

    .flex-content__col-sidebar.css–sqiwgdblayout-mainHeader--nUtVa,
    .flex-content__col-sidebar.css–pfvipm8layout-gamesNavBar--Rtchc,
    .layout-languageDropdown--bZYiBcss–1k3x8v3 .flex-content__col-sidebar {
        margin-top: 35px
    }

    .layout-languageDropdown--bZYiBcss–1k3x8v3.css–ffvipm8css–f1636szt .flex-content__col-sidebar {
        margin-top: 0
    }

    .layout-languageDropdown--bZYiBcss–ffvipm8 {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb:not(.flex-content__main-content--no-style):not(.flex-content--comparison-column-template),
    .css–fqiwgdblayout-mainHeader--nUtVa {
        flex: 0 1 auto;
        width: calc(100% - 40px - 365px * 1);
        max-width: 795px;
        padding: 15px 0 15px 15px;
        position: relative
    }

    .css–fqiwgdblayout-mainHeader--nUtVa {
        padding-top: 0
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb.layout-languageDropdown--bZYiBcss–t1k3x8v3 {
        padding-right: 15px !important
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb:not(.MuiSelect–iconOutlinedMuiFormControl–root):not(.flex-content--comparison-column-template):after {
        content: var(--B);
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        width: var(--fd, 100vw);
        background: var(--i);
        height: 100%;
        z-index: -1
    }

    .flex-content__col-sidebar,
    .css–f1k3x8v3MuiSelect–select {
        flex: 0 0 380px;
        margin-left: 25px;
        min-height: 1%;
        min-width: 380px
    }

    .layout-languageDropdown--bZYiBMuiInputBase–input {
        padding: 15px 0 30px
    }

    .css–tqiwgdbMuiInputBase–root {
        padding: 0;
        margin-bottom: 30px
    }

    .content-section {
        border-left-width: 1px;
        border-right-width: 1px;
        border-radius: var(--d)
    }

    .css–p1k3x8v3MuiOutlinedInput–input .css–ptzsjyecss–p1636szt {
        margin-left: -15px;
        margin-right: 15px;
        padding-right: 80px
    }

    .css–ptzsjyecss–p1636szt {
        z-index: 1
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) {
        grid-template-columns: 1fr 1fr 1fr
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) .css–tzsjyelayout-gamesNavBar--Rtchc {
        min-width: calc(33.33vw - 30px)
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .css–tzsjyelayout-gamesNavBar--Rtchc {
        max-width: calc(33.33vw - 30px)
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n.owl-carousel-inactive {
        padding-bottom: 0
    }

    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .owl-dots,
    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n .owl-nav {
        display: none !important
    }

    .css–ptzsjyeMuiInputBase–input {
        font-size: 2.2rem
    }

    .general-code-field__input {
        transition: color .25s ease-in-out, border .25s ease-in-out, letter-spacing .05s ease-in-out
    }

    .header-search .search__results-overlay__output {
        max-height: calc(100vh - 150px * 1)
    }
}

@media (min-width:1199px) {
    .css–ptzsjyecss–s1636szt .css–tzsjyelayout-logo--vQN5n:not(.owl-loaded) .css–tzsjyelayout-gamesNavBar--Rtchc {
        min-width: calc(33.33% - 30px);
        max-width: calc((1200px / 3) - 30px)
    }
}

@media (min-width:1200px) {
    .site-submenu-container {
        max-width: 1170px
    }

    .layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–outlined {
        margin-bottom: 30px
    }

    .css–tzsjyecss–ptzsjye {
        margin-bottom: 10px
    }
}

@media (min-width:1650px) {
    .site-menu-extended {
        width: calc(50% - (1200px / 2) * 1);
        max-width: 320px;
        min-width: 300px
    }
}

@media (max-width:991px) {
    .search-toggle.search-toggle--active {
        transform: translateX(50px)
    }

    .layout-languageDropdown--bZYiB {
        width: 0;
        flex-grow: 1
    }
}

@media (max-width:768px) {
    .layout-languageDropdown--bZYiB>span {
        overflow-x: auto;
        white-space: nowrap
    }
}

@media (max-width:575px) {
    .css–tfvipm8 {
        padding-right: 0
    }
}

@media (min-width:0px) and (max-width:991px) {
    .s_sh__menu-row {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0
    }

    .site-menu {
        padding-bottom: 30px
    }

    .site-menu__sub-menu-toggle {
        position: absolute;
        display: flex;
        flex-direction: column;
        right: 0;
        top: 0;
        height: 100%;
        width: 24px
    }

    .site-menu__sub-menu-toggle__arrow {
        width: 6px;
        height: 8px;
        margin: auto;
        -webkit-mask-size: 6px auto;
        mask-size: 6px auto;
        transform: rotate(90deg);
        transition: transform .25s ease-in-out
    }

    .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle__arrow {
        background: currentColor !important;
        -webkit-mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-plus.svg) !important;
        mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-plus.svg) !important;
        -webkit-mask-size: 12px auto;
        mask-size: 10px auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(0);
        width: 100%;
        height: 100%
    }

    .site-menu__sub-menu-toggle__arrow.--active {
        transform: rotate(-90deg);
        transition: transform .25s ease-in-out;
        opacity: .5
    }

    .site-menu__sub-menu-parent--level-2 .site-menu__sub-menu-toggle__arrow.--active {
        -webkit-mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-minus.svg) !important;
        mask-image: url(/jp/reviews/asset/images/menu-show-more-icon-minus.svg) !important;
        transform: rotate(0);
        opacity: 1
    }

    .s_smi--level-0 {
        opacity: 0;
        transform: translateX(-15px);
        transition: all .25s ease-in-out
    }

    .s_smi--level-0--flown-in {
        opacity: 1;
        transform: translateX(0px);
        transition: all .25s ease-in-out
    }
}

.owl-carousel:not(.css–sqiwgdblayout-logoImage--pckRV):not(.css–tzsjyelayout-logo--vQN5n):not(.carousel-additional-margin-bottom):not(.owl-theme-modern) {
    margin-top: .5em;
    margin-bottom: .5em
}

.owl-carousel+p,
.owl-carousel+h2,
.owl-carousel+h3,
.owl-carousel-inactive+p,
.owl-carousel-inactive+h2,
.owl-carousel-inactive+h3 {
    margin-top: 2.5rem
}

.owl-carousel-inactive {
    display: flex !important;
    margin: .5em 0 !important;
    overflow-x: auto
}

.owl-carousel-inactive,
.owl-carousel:not(.owl-loaded) {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.owl-carousel-inactive::-webkit-scrollbar,
.owl-carousel:not(.owl-loaded)::-webkit-scrollbar {
    width: 0;
    height: 0
}

.owl-carousel-inactive .custom-carousel__item,
.owl-carousel-inactive .css–1636sztcss–tzsjye,
.owl-carousel-inactive .betting-tips-carousel__item,
.owl-carousel-inactive .award-cards-carousel__item,
.owl-carousel-inactive .latest-news-carousel__item,
.owl-carousel-inactive .betting-strategies-carousel__item,
.owl-carousel-inactive .latest-bonus-offers-carousel__item,
.owl-carousel-inactive .casino-slots-carousel__item,
.owl-carousel-inactive .provider-bonus-offer-cards-carousel__item,
.owl-carousel-inactive .css–tzsjyelayout-gamesNavBar--Rtchc {
    margin: 0 25px 0 0 !important;
    position: relative
}

.css–ptzsjyecss–s1636szt .owl-carousel-inactive .css–tzsjyelayout-gamesNavBar--Rtchc {
    margin: 0 !important
}

.owl-carousel--with-sidebar:not(.owl-carousel__latest-bonus-offers) .owl-item {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: var(--d)
}

.owl-carousel__hero-cards,
.owl-carousel__award-cards,
.owl-carousel__provider-bonus-offer-cards,
.owl-carousel__popular-casino-slots {
    margin: 2.5rem 0
}

.owl-carousel__hero-cards--no-margin,
.owl-carousel__award-cards--no-margin,
.owl-carousel__provider-bonus-offer-card--no-margin,
.owl-carousel__more-providers {
    margin: 0 !important
}

.css–1636sztcss–tzsjye {
    min-width: 238px;
    width: 238px;
    background: var(--Wb);
    color: var(--o);
    border-radius: var(--d);
    padding: 15px;
    text-align: center;
    position: relative
}

.owl-carousel__auto-width .award-cards-carousel__item,
.owl-carousel__auto-width .css–1636sztcss–tzsjye,
.owl-carousel__auto-width .team-carousel__item {
    width: 100%
}

.owl-carousel__auto-width .team-carousel__item {
    min-width: 237px
}

.layout-languageDropdown--bZYiBcss–t1636szt>.owl-carousel .css–1636sztcss–1k3x8v3,
.layout-languageDropdown--bZYiBcss–t1636szt>.embla-carousel .css–1636sztcss–1k3x8v3,
.layout-languageDropdown--bZYiBcss–t1636szt>.owl-carousel-inactive .css–1636sztcss–1k3x8v3 {
    border: 1px solid var(--kc)
}

.css–1636sztcss–tzsjye:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background: var(--Xb);
    border-radius: 3px 3px 0 0
}

.css–1636sztcss–1636szt {
    z-index: 1
}

.css–1636sztcss–tfvipm8 {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background: #222;
    margin: 6px auto 5px;
    border: 3px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.css–1636sztcss–ftzsjye {
    font-size: 1.2rem;
    padding-right: 5px
}

.css–1636sztcss–pqiwgdb,
.css–1636sztcss–s1k3x8v3 {
    margin-top: 5px;
    color: var(--o)
}

.css–1636sztcss–1636szt {
    min-height: 292px
}

.css–t1k3x8v3MuiInputBase–input {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.4rem
}

.css–t1k3x8v3MuiInputBase–input {
    font-size: 1.2rem !important
}

.css–t1k3x8v3css–t1636szt {
    margin-bottom: 30px
}

.css–t1k3x8v3css–tfvipm8 {
    border: 1px solid var(--kc);
    margin-bottom: 15px;
    border-radius: var(--d);
    position: relative;
    display: grid;
    grid-template-areas: "pb_logo pb_details" "pb_logo pb_cta";
    grid-template-columns: 85px 1fr
}

.css–t1k3x8v3css–tfvipm8>div:not(.provider-bonus-list__item__country-badge) {
    padding: 15px 10px;
    align-content: center
}

.css–t1k3x8v3css–stzsjye {
    background: var(--j);
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: pb_logo
}

.css–t1k3x8v3css–s1636szt {
    width: 64px;
    height: 64px;
    border-radius: 32px
}

.css–t1k3x8v3css–sfvipm8 {
    grid-area: pb_details
}

.css–t1k3x8v3css–ptzsjye {
    display: flex;
    gap: 10px;
    align-items: center
}

.css–t1k3x8v3css–pfvipm8 {
    font-size: 2rem;
    font-weight: var(--a);
    line-height: var(--I)
}

.css–t1k3x8v3MuiSelect–select {
    font-size: 1.6rem;
    font-weight: var(--a);
    line-height: var(--I);
    margin-top: .25em
}

.css–t1k3x8v3css–pqiwgdb {
    color: var(--pc);
    border-radius: 3px;
    font-size: 1rem;
    padding: 5px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: var(--a);
    margin-bottom: 5px
}

.css–t1k3x8v3css–tfvipm8 .css–t1k3x8v3MuiInputBase–input {
    font-size: 1.3rem !important;
    margin: 0
}

.css–t1k3x8v3css–tfvipm8>div.css–t1k3x8v3MuiOutlinedInput–input {
    grid-area: pb_cta
}

.css–t1k3x8v3MuiSelect–outlined {
    margin-top: 5px;
    font-size: 1.3rem;
    color: var(--F);
    margin-bottom: 5px
}

.css–p1k3x8v3MuiFormControl–fullWidth {
    margin-bottom: 15px;
    margin-top: -5px
}

.css–tfvipm8css–1k3x8v3 {
    border: 1px solid var(--W);
    display: flex;
    border-radius: var(--d)
}

.css–tfvipm8css–1k3x8v3 .general-code-field {
    width: 100%
}

.css–tfvipm8css–1k3x8v3 .general-code-field__input:not(.--active) {
    background: transparent
}

.css–tfvipm8css–1k3x8v3 .general-code-field__input {
    text-align: left;
    padding-left: 15px
}

.css–tfvipm8css–1k3x8v3 .general-code-field__input.--active {
    border: none !important
}

.css–tfvipm8css–1k3x8v3 .button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb {
    text-indent: -9999px;
    padding: 0;
    flex: 0 0 45px;
    border: none;
    border-radius: calc(var(--d) - 1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--W) url("/jp/reviews/asset/images/arrow-more-white.svg") center no-repeat;
    background-size: 10px auto
}

.css–tfvipm8css–1k3x8v3 .button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb:hover {
    background-color: var(--X);
    background-position: calc(50% + 3px)
}

.css–tfvipm8css–1k3x8v3 .css–1k3x8v3css–pfvipm8 {
    left: 10px
}

.css–tfvipm8css–1k3x8v3 .general-code-field[data-is-exclusive="1"]:not(.layout-mainHeader--nUtValayout-logo--vQN5nlayout-logoText--EkrWz):not(.exclusive-promo-code-field):before {
    right: -46px
}

.top5-tabs-widget__tab-item:after {
    display: block;
    content: attr(data-btn-label);
    font-weight: var(--a);
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden
}

.owl-carousel__latest-strategies,
.owl-carousel__latest-news,
.owl-carousel__latest-bonus-offers,
.owl-carousel__custom-carousel {
    margin: 2rem 0
}

.owl-carousel__latest-strategies--no-margin,
.owl-carousel__latest-news--no-margin,
.owl-carousel__latest-bonus-offers--no-margin,
.owl-carousel__custom-carousel--no-margin,
.owl-carousel__how-to-register-carousel--no-margin {
    margin: 0
}

.owl-carousel--with-sidebar .betting-tips-entry__item {
    width: 100%
}

.owl-carousel__betting-tips-carousel:not(.owl-carousel--with-sidebar) .betting-tips-entry__item {
    max-width: 270px
}

.css–tqiwgdbcss–stzsjye {
    position: relative;
    margin-bottom: 10px;
    display: flex
}

.css–tqiwgdbcss–s1k3x8v3 {
    padding-left: 0
}

.css–tqiwgdbcss–s1k3x8v3 .css–tqiwgdbcss–sfvipm8:after {
    left: 0 !important
}

.css–tqiwgdbcss–sfvipm8 {
    margin-bottom: 5px
}

.css–tfvipm8layout-logoText--EkrWz .css–tqiwgdbcss–sfvipm8 {
    max-width: calc(100% - 58px * 1)
}

.css–ttzsjyeMuiInputBase–colorPrimary {
    margin-bottom: 15px
}

.css–ttzsjyelayout-languageDropdown--bZYiB {
    width: 100%
}

.css–ffvipm8css–s1636szt {
    font-weight: var(--a);
    font-size: 1.8rem;
    margin-bottom: 5px
}

.css–ttzsjyelayout-container--8mgcn {
    border-top: 1px solid var(--kc);
    margin-top: 15px !important;
    padding-top: 10px !important
}

.css–ffvipm8css–pqiwgdb {
    margin-bottom: 5px;
    padding-left: 20px
}

.css–ffvipm8css–pqiwgdb:last-child {
    margin-bottom: 0
}

.css–ffvipm8css–pqiwgdb:before {
    content: "";
    display: inline-flex;
    flex: 0 0 11px;
    height: 11px;
    width: 11px;
    margin-right: 9px;
    margin-left: -20px;
    -webkit-mask-size: 11px 11px;
    mask-size: 11px 11px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.css–ffvipm8css–p1k3x8v3:before {
    background: var(--qd, #0fc47e);
    -webkit-mask-image: url(circle-checkmark-green.svg);
    mask-image: url(circle-checkmark-green.svg)
}

.css–ttzsjyelayout-logoText--EkrWz:before {
    background: var(--ud, #f7054f);
    -webkit-mask-image: url(/jp/reviews/asset/images/circle-minus-red.svg);
    mask-image: url(/jp/reviews/asset/images/circle-minus-red.svg)
}

.css–ffvipm8css–s1k3x8v3.--active {
    padding-top: 10px !important;
    padding-bottom: 0 !important
}

.splitted-images-box .owl-stage {
    padding-left: 0 !important
}

.css–t1636sztcss–sqiwgdb {
    width: 370px
}

.splitted-images-box:has(.css–t1636sztcss–sqiwgdb:nth-child(2)) .css–t1636sztcss–sqiwgdb {
    max-width: 80%
}

.splitted-images-box:not(:has(.css–t1636sztcss–sqiwgdb:nth-child(2))) .css–t1636sztcss–sqiwgdb {
    max-width: 100%
}

.css–t1636sztcss–sqiwgdb:not(:last-child) {
    margin-bottom: 30px
}

.css–t1636sztcss–s1636szt {
    margin-top: 5px;
    color: var(--E);
    line-height: 1.35;
    font-size: 1.3rem;
    padding: 5px 0
}

.owl-carousel-inactive.splitted-images-box img,
.owl-carousel.splitted-images-box img {
    width: 100% !important
}

.css–stzsjyelayout-icons--h5h-p,
.css–stzsjyecss–sqiwgdb,
.css–sqiwgdbMuiSelect–iconOutlined {
    flex-flow: wrap row
}

.css–stzsjyeMuiInputBase–root {
    display: flex;
    flex: 1 0 calc(50% - 10px * 1);
    margin: 5px;
    min-height: 70px;
    border: 1px solid var(--kc);
    padding: 2px;
    border-radius: var(--d);
    justify-content: center;
    align-items: center
}

.css–sqiwgdbMuiSelect–iconOutlined .css–stzsjyeMuiInputBase–root {
    background: #fff
}

.css–stzsjyecss–qiwgdb {
    align-self: center;
    max-height: 82px;
    width: auto
}

.css–sqiwgdbMuiSelect–iconOutlined .css–stzsjyecss–qiwgdb {
    max-height: 50px;
    width: auto
}

.css–stzsjyecss–s1636szt {
    flex: 1 0 calc(50% - 10px * 1)
}

.css–stzsjyeMuiInputBase–root.feature-toggle-item__show-more {
    font-size: 1.6rem;
    font-weight: var(--a);
    cursor: pointer;
    align-items: center;
    transition: color .25s ease-in-out, border-color .25s ease-in-out;
    text-align: center;
    line-height: 1.25
}

.css–stzsjyeMuiInputBase–root.feature-toggle-item__show-more:hover {
    color: var(--T);
    border-color: var(--T);
    transition: color .25s ease-in-out, border-color .25s ease-in-out
}

.css–fvipm8MuiSvgIcon–fontSizeMedium {
    font-size: 1.4rem;
    font-weight: var(--a);
    color: var(--F);
    margin-bottom: 8px
}

.css–sqiwgdblayout-logoImage--pckRV {
    padding: 0 45px
}

.css–sqiwgdblayout-gamesNavBar--Rtchc {
    width: 112px;
    min-height: 112px;
    background: var(--j);
    border-radius: var(--d);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10px
}

.css–sqiwgdbMuiFormControl–root:not(.provider-casino-games__item__img) {
    height: 50px;
    width: auto
}

.css–sqiwgdbMuiInputBase–root {
    font-size: 1.3rem;
    margin-top: 10px;
    line-height: 1.2;
    text-align: center
}

.carousel-feature-box__nav button.owl-prev {
    border-radius: 20px 0 0 20px
}

.carousel-feature-box__nav button.owl-next {
    left: auto;
    right: 0;
    border-radius: 0 20px 20px 0
}

.carousel-feature-box__nav button.owl-prev:after {
    transform: rotate(90deg)
}

.carousel-feature-box__nav button.owl-next:after {
    transform: rotate(-90deg)
}

.css–1k3x8v3MuiInputBase–input,
.css–fqiwgdbcss–tzsjye {
    counter-reset: section
}

.css–1k3x8v3MuiInputBase–input>br {
    display: none
}

.css–1k3x8v3MuiSelect–iconOutlined:not(:last-of-type) {
    margin-bottom: 6px
}

.fullwidth-section__content>.MuiFormControl–fullWidth>[class*="col-"] .owl-carousel,
.fullwidth-section__content>.MuiFormControl–fullWidth>[class*="col-"] .owl-carousel-inactive {
    margin-top: 0 !important
}

.fullwidth-section__content .owl-carousel__custom-carousel.owl-carousel-inactive .custom-carousel__item {
    margin-right: 30px !important
}

.css–1k3x8v3MuiSvgIcon–root .css–1k3x8v3MuiSelect–iconOutlined {
    border: 1px solid var(--lc)
}

.toggle-box-container__item__title {
    background: var(--j);
    padding: 12px 50px 12px 15px;
    font-weight: var(--a);
    cursor: pointer;
    transition: color .25s ease-in-out, border-color .25s ease-in-out;
    position: relative;
    display: flex;
    align-items: center
}

.toggle-box-container__item__title:after {
    content: "";
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-mask-image: url(/jp/reviews/asset/images/dropdown-arrow-black.svg);
    mask-image: url(/jp/reviews/asset/images/dropdown-arrow-black.svg);
    -webkit-mask-size: 12px auto;
    mask-size: 12px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: currentColor;
    transition: background .25s ease-in-out
}

.css–1k3x8v3MuiSvgIcon–root .toggle-box-container__item__title {
    background-color: var(--i)
}

.toggle-box-container__item__title:hover,
.toggle-box-container__item__title.--active {
    transition: color .25s ease-in-out, border-color .25s ease-in-out, background .25s ease-in-out;
    color: var(--T)
}

.toggle-box-container__item__title:hover::after,
.toggle-box-container__item__title.--active:after {
    background-color: currentColor
}

.toggle-box-container__item__title.--active:after {
    transform: rotate(180deg)
}

.toggle-box-container__item__content {
    display: none;
    padding: 1px 15px 15px;
    background-color: var(--j);
    margin-top: -1px
}

.css–1k3x8v3MuiSvgIcon–root .toggle-box-container__item__content {
    background-color: var(--i)
}

.css–1k3x8v3MuiSelect–iconOutlined.--active .toggle-box-container__item__content,
.css–1k3x8v3MuiInputBase–input.css–1k3x8v3MuiSvgIcon–fontSizeMedium .css–1k3x8v3MuiSelect–iconOutlined:first-of-type .toggle-box-container__item__content,
.css–1k3x8v3MuiInputBase–input.css–1k3x8v3MuiSelect–icon .toggle-box-container__item__content {
    display: block
}

.toggle-box-container__item__content p:last-child,
.toggle-box-container__item__content p:only-child {
    margin-bottom: 0
}

h3.css–fqiwgdbcss–1k3x8v3 {
    display: flex;
    align-items: center;
    font-weight: var(--a);
    margin: 0 0 2px;
    font-size: initial
}

h3.css–fqiwgdbcss–1k3x8v3:before {
    counter-increment: section;
    content: counter(section);
    display: flex;
    flex: 0 0 22px;
    height: 22px;
    align-self: baseline;
    background: var(--e);
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    align-items: center;
    margin-right: 10px;
    border-radius: var(--d);
    justify-content: center
}

.css–tzsjyelayout-logo--vQN5n {
    margin-top: 20px;
    margin-bottom: 20px
}

.css–tzsjyelayout-gamesNavBar--Rtchc {
    position: relative
}

.css–tzsjyelayout-icons--h5h-p {
    margin: 0;
    margin-bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    border-radius: var(--d);
    background: var(--Ub);
    width: 100%;
    color: var(--o)
}

.css–tzsjyeMuiFormControl–fullWidth {
    background: var(--Xb);
    padding: 15px 20px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--d) 0 0 var(--d)
}

.css–tzsjyeMuiInputBase–colorPrimary {
    border-radius: 50%;
    overflow: hidden;
    width: 90px;
    height: 90px
}

.css–tzsjyecss–1k3x8v3 {
    margin-top: 10px;
    font-size: 1.3rem
}

.css–tzsjyecss–ffvipm8 {
    padding: 10px 15px;
    justify-content: center;
    flex-direction: column
}

.css–tzsjyecss–t1636szt {
    width: 100%
}

.css–tzsjyecss–tfvipm8 {
    align-self: baseline;
    font-size: 1.4rem;
    line-height: 1.25;
    margin-bottom: .25em;
    padding-bottom: .1em
}

.css–tzsjyecss–sfvipm8 {
    font-size: 2rem;
    font-weight: var(--a);
    margin: 2px 0;
    line-height: 1.2
}

.owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-nav.disabled+.owl-dots {
    margin-top: 10px !important
}

.layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot span {
    border-color: var(--e)
}

.layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot.active span,
.layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot:hover span {
    background: var(--e)
}

.review-header-new--blacklisted .layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot span {
    border-color: #fff !important
}

.review-header-new--blacklisted .layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot.active span,
.review-header-new--blacklisted .layout-languageDropdown--bZYiBMuiInputBase–input .owl-carousel__top3-row-carousel.css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot:hover span {
    background: #fff !important
}

.owl-carousel__top3-row-carousel .css–tzsjyeMuiFormControl–fullWidth {
    max-width: 90px;
    padding: 15px 10px
}

.owl-carousel__top3-row-carousel .css–tzsjyeMuiInputBase–colorPrimary {
    height: 70px;
    width: 70px
}

.owl-carousel__top3-row-carousel:not(.--bookie-finder-layout) .css–tzsjyecss–ffvipm8,
[class*=' top3-row--']:not(.owl-carousel):not(.--bookie-finder-layout) .css–tzsjyecss–ffvipm8,
.css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
    flex: 1;
    max-width: calc(100% - 90px * 1);
    position: static;
    padding-right: 55px;
    word-break: break-word;
    width: 0
}

[class*=' top3-row--']:not(.owl-carousel):not(.owl-carousel__top3-row-carousel):not(.--bookie-finder-layout) .css–tzsjyecss–ffvipm8,
.css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
    padding-right: 15px;
    max-width: calc(100% - 95px * 1)
}

.owl-carousel__top3-row-carousel .css–tzsjyecss–p1k3x8v3 {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 40px;
    height: 100%;
    padding: 0 !important;
    background-position: right 15px center !important;
    background-size: 10px auto !important;
    margin: 0
}

.owl-carousel__top3-row-carousel .css–tzsjyecss–p1k3x8v3:hover {
    background-position: right 12px center !important
}

.owl-carousel__top3-row-carousel .css–tzsjyecss–ptzsjye {
    margin-bottom: 0
}

.layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyelayout-gamesNavBar--Rtchc .css–tzsjyelayout-icons--h5h-p {
    border: 1px solid rgba(0, 0, 0, .15)
}

.owl-carousel__top3-row-carousel .layout-mainHeader--nUtVaMuiInputBase–formControlcss–tzsjye {
    position: relative;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    margin-bottom: 10px !important
}

.owl-carousel__top3-row-carousel .layout-mainHeader--nUtVaMuiInputBase–formControlcss–tzsjye .css–tzsjyeMuiFormControl–fullWidth {
    padding-top: 10px;
    padding-bottom: 10px
}

.css–t1k3x8v3layout-gamesNavBar--Rtchc {
    height: 100%
}

.css–tqiwgdbMuiOutlinedInput–input {
    padding-bottom: 15px
}

.css–tqiwgdbMuiSvgIcon–fontSizeMedium {
    align-items: center;
    display: flex;
    border-radius: var(--d);
    justify-content: center;
    height: 80px
}

.css–fvipm8css–fqiwgdb {
    max-height: 80px;
    width: auto
}

.css–t1k3x8v3layout-logo--vQN5n {
    background: var(--j);
    border-radius: var(--d);
    min-height: 40px;
    margin-left: 15px;
    padding: 0 5px
}

.css–t1k3x8v3layout-logo--vQN5n .layout-logo--vQN5nlayout-logoText--EkrWz {
    margin-bottom: 0;
    margin-right: 10px
}

.css–t1k3x8v3layout-logo--vQN5n .layout-logo--vQN5nlayout-logoText--EkrWz,
.css–t1k3x8v3layout-logo--vQN5n .layout-logo--vQN5nlayout-icons--h5h-p,
.css–t1k3x8v3MuiInputBase–formControl,
.css–t1k3x8v3layout-select--hSPCi {
    font-size: 1.4rem
}

.css–t1k3x8v3css–qiwgdb {
    margin-bottom: 15px
}

.css–t1k3x8v3MuiFormControl–fullWidth {
    background: var(--j);
    margin-bottom: 5px;
    border-radius: var(--d);
    min-height: 35px;
    align-items: center;
    line-height: 1.25
}

.css–t1k3x8v3MuiInputBase–colorPrimary {
    border: 1px solid var(--l);
    background: none;
    font-weight: var(--a)
}

.css–t1k3x8v3MuiInputBase–formControl,
.css–t1k3x8v3layout-select--hSPCi {
    padding: 6px 8px
}

.css–t1k3x8v3MuiInputBase–formControl {
    font-weight: var(--a);
    flex: 0 0 90px
}

.css–t1k3x8v3css–1636szt {
    margin-bottom: 15px
}

.owl-carousel__betting-tips-carousel {
    margin: 2em 0
}

.owl-carousel .betting-tips-entry__team-names {
    min-height: 40px
}

.betting-tips-carousel__item .css–ffvipm8layout-logo--vQN5n:after {
    z-index: 1
}

.content-toc {
    width: 100%;
    background: var(--j);
    margin-bottom: 15px;
    border-radius: var(--d)
}

.css–tfvipm8MuiSelect–iconOutlined,
.css–stzsjyecss–t1636szt {
    background-color: var(--j);
    border-radius: var(--d)
}

.css–stzsjyelayout-gamesNavBar--Rtchc {
    height: 100%
}

.css–stzsjyecss–ffvipm8 {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%
}

.css–fvipm8css–ffvipm8 {
    color: var(--Bc);
    font-size: 1.2rem;
    font-weight: var(--a);
    line-height: 1.2;
    text-transform: uppercase;
    padding: 5px 8px;
    background: var(--Ac);
    border-radius: var(--d);
    display: inline-flex
}

.css–fvipm8css–ttzsjye {
    font-size: 1rem;
    padding: 4px 6px
}

.css–stzsjyecss–ttzsjye {
    display: flex;
    align-items: center;
    line-height: 1;
    padding-right: 0
}

.css–stzsjyecss–ttzsjye .layout-logo--vQN5nlayout-logoText--EkrWz,
.css–stzsjyecss–ttzsjye .layout-logo--vQN5nlayout-icons--h5h-p {
    font-size: 1.6rem;
    margin-bottom: 0
}

.css–stzsjyecss–ttzsjye .css–tzsjyecss–fvipm8 {
    width: 60px;
    margin-right: 10px
}

.css–stzsjyecss–ttzsjye .css–tzsjyecss–fvipm8,
.css–stzsjyecss–ttzsjye .css–tzsjyecss–fqiwgdb {
    height: 12px
}

.css–stzsjyecss–ttzsjye .css–tzsjyecss–fvipm8,
.css–tzsjyecss–fqiwgdb.css–stzsjyecss–t1636szt {
    background-size: 12px 12px
}

.css–stzsjyecss–stzsjye {
    font-size: 2.4rem;
    font-weight: var(--a);
    margin: 10px 0;
    line-height: 1.3
}

.css–stzsjyecss–s1k3x8v3 {
    margin-bottom: 10px
}

.css–stzsjyecss–p1636szt {
    margin-bottom: .25rem
}

.css–stzsjyeMuiSelect–select {
    flex: 0 0 150px
}

.css–fvipm8css–p1636szt {
    flex: 0 0 140px;
    height: 44px;
    margin-right: 10px
}

.css–fvipm8MuiOutlinedInput–input {
    flex: calc(100% - 150px)
}

.css–stzsjyeMuiSelect–select {
    padding-right: 10px
}

.review-header-info-box__code-field .css–fvipm8css–p1636szt {
    height: 41px;
    margin-right: 0
}

.bonus-highlight-box__conversion-row {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap
}

.css–fvipm8MuiOutlinedInput–input {
    min-height: 44px
}

.css–sqiwgdbcss–fqiwgdb {
    margin: -15px 0 30px
}

.css–sqiwgdbcss–fqiwgdb.MuiSelect–iconlayout-logo--vQN5n {
    margin-top: 10px;
    margin-bottom: 0
}

.css–fvipm8MuiSvgIcon–root {
    margin-top: 15px
}

.owl-carousel__external-sub-row {
    min-height: 38px;
    padding-top: 10px
}

.owl-carousel__how-to-register-conv-link {
    font-weight: var(--a);
    color: var(--f);
    text-decoration: underline;
    margin-top: 10px
}

.owl-dots.owl-dots--aligned-right.disabled {
    display: none
}

.css–1636sztlayout-languageDropdown--bZYiB.owl-theme-modern .owl-dots.owl-dots--aligned-right {
    padding-top: 0;
    border-top: none;
    margin: 0
}

.css–1636sztlayout-languageDropdown--bZYiB.owl-theme-modern .owl-dots.owl-dots--aligned-right .owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

@media (min-width:576px) {
    .css–tqiwgdbcss–stzsjye:not(.css–tqiwgdbcss–s1k3x8v3):before {
        margin-right: 18px
    }

    .css–tqiwgdbcss–stzsjye:not(.headline-box--team-icon) .css–tqiwgdbcss–sfvipm8:after {
        left: 58px
    }

    .col-12.col-sm-6 .css–ttzsjyelayout-container--8mgcn {
        border: none;
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .css–ttzsjyeMuiInputBase–colorPrimary {
        margin-bottom: 0;
        padding-right: 0
    }

    .css–ttzsjyelayout-languageDropdown--bZYiB {
        width: auto
    }

    .css–t1636sztcss–sqiwgdb:not(:last-child) {
        margin-bottom: 0
    }

    .css–sqiwgdblayout-logoImage--pckRV {
        padding: 0 60px
    }

    .owl-carousel:not(.--bookie-finder-layout) .css–tzsjyecss–sfvipm8,
    .owl-carousel-inactive:not(.--bookie-finder-layout) .css–tzsjyecss–sfvipm8 {
        max-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .css–t1k3x8v3MuiFormControl–root {
        margin-bottom: 0
    }

    .css–t1k3x8v3MuiFormControl–root,
    .css–t1k3x8v3css–1636szt {
        padding-right: 7.5px
    }

    .css–t1k3x8v3css–qiwgdb,
    .css–t1k3x8v3css–f1636szt {
        padding-left: 7.5px
    }

    .css–t1k3x8v3css–1636szt {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .css–t1k3x8v3css–tfvipm8 {
        grid-template-areas: "pb_logo pb_details pb_cta";
        grid-template-columns: 120px 1fr 200px
    }

    .css–t1k3x8v3css–tfvipm8>div:not(.provider-bonus-list__item__country-badge) {
        padding: 10px 15px
    }

    .css–t1k3x8v3css–pfvipm8 {
        font-size: 2.2rem
    }

    .css–t1k3x8v3MuiSelect–outlined {
        margin-bottom: 0
    }

    .css–ffvipm8css–s1k3x8v3:not(.col-sm-12) {
        padding-left: 30px
    }

    .css–stzsjyeMuiInputBase–root,
    .css–stzsjyeMuiInputBase–root.feature-toggle-item__show-more,
    .css–stzsjyeMuiInputBase–root.css–stzsjyecss–s1636szt {
        flex: 0 0 calc(33.33% - 10px * 1)
    }

    .css–tzsjyeMuiInputBase–colorPrimary {
        width: 100px;
        height: 100px
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyeMuiInputBase–colorPrimary {
        width: 70px;
        min-width: 70px;
        height: 70px
    }

    .css–tzsjyeMuiFormControl–fullWidth {
        border-top-right-radius: var(--d)
    }

    .css–tzsjyecss–1k3x8v3 {
        margin-top: 15px;
        font-size: inherit
    }

    .css–tzsjyecss–ffvipm8 {
        padding: 15px
    }

    .owl-carousel__top3-row-carousel .css–tzsjyecss–1k3x8v3 {
        margin-top: 10px
    }

    .css–stzsjyelayout-logo--vQN5n {
        padding-right: 15px !important
    }

    .bonus-highlight-box__conversion-row {
        margin-top: 0;
        align-items: center;
        align-content: center
    }

    .css–fvipm8css–sfvipm8 {
        margin-top: 8px
    }

    .css–fvipm8MuiSvgIcon–root {
        margin-top: 0;
        border-left: 1px solid var(--kc);
        justify-content: center;
        display: flex
    }

    .owl-carousel__how-to-register-conv-link {
        margin-left: 90px
    }

    .owl-dots.owl-dots--aligned-right {
        min-width: 90px
    }
}

@media (min-width:992px) {
    .owl-carousel__top3-row-carousel .css–tzsjyelayout-gamesNavBar--Rtchc {
        max-width: 377px
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyelayout-gamesNavBar--Rtchc {
        flex: 0 0 100%;
        max-width: 100%
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyeMuiFormControl–fullWidth {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        flex-direction: row;
        height: 100%
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyeMuiFormControl–fullWidth .css–tzsjyeMuiInputBase–colorPrimary {
        width: 80px;
        min-width: 80px;
        height: 80px;
        margin: -5px 0
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyeMuiFormControl–fullWidth .css–tzsjyecss–1k3x8v3 {
        margin-left: 15px;
        margin-top: 0
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
        text-align: left !important;
        padding-right: 15px !important
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 .css–tzsjyecss–sfvipm8 {
        max-height: 100%;
        white-space: unset
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 .css–tzsjyecss–tfvipm8 {
        align-self: flex-start !important
    }

    .css–t1k3x8v3MuiFormControl–root {
        padding-right: 15px
    }

    .css–t1k3x8v3css–qiwgdb {
        margin-bottom: 15px;
        padding-left: 15px
    }

    .css–t1k3x8v3MuiFormControl–fullWidth:last-child {
        margin-bottom: 5px
    }
}

@media (min-width:1199px) {
    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyeMuiFormControl–fullWidth.col-4.col-md-12 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
        flex-direction: row;
        align-items: center
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 .css–tzsjyecss–t1636szt {
        flex: 1 0 auto;
        padding-right: 15px;
        max-width: calc(100% - 212px * 1)
    }

    .layout-languageDropdown--bZYiBcss–tqiwgdb .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 .css–tzsjyecss–pqiwgdb {
        flex: 0 0 212px
    }
}

@media (min-width:1200px) {
    .splitted-images-box:not(.owl-carousel) {
        display: flex;
        margin-right: -15px !important;
        margin-left: -15px !important;
        margin-bottom: 25px !important
    }

    .splitted-images-box:not(.owl-carousel) .css–t1636sztcss–sqiwgdb {
        flex: 0 0 50%;
        padding: 0 15px;
        max-width: 390px
    }

    .css–stzsjyeMuiInputBase–root,
    .css–stzsjyeMuiInputBase–root.css–stzsjyecss–s1636szt,
    .css–stzsjyecss–sqiwgdb .css–stzsjyeMuiInputBase–root,
    .css–stzsjyelayout-icons--h5h-p .css–stzsjyeMuiInputBase–root,
    .css–stzsjyeMuiInputBase–root.feature-toggle-item__show-more {
        flex: 0 0 calc(16.66% - 10px * 1);
        background: none
    }

    .css–stzsjyeMuiInputBase–root.css–stzsjyecss–s1636szt {
        flex-grow: 1
    }

    .css–tzsjyeMuiFormControl–fullWidth {
        border-top-right-radius: 0
    }

    .owl-carousel__top3-row-carousel .css–tzsjyeMuiFormControl–fullWidth {
        max-width: 110px;
        padding: 15px 30px
    }

    [class*=' top3-row--']:not(.owl-carousel):not(.owl-carousel__top3-row-carousel) .css–tzsjyecss–ffvipm8,
    .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
        padding-right: 0
    }

    .owl-carousel__top3-row-carousel .css–tzsjyecss–sfvipm8 {
        font-size: 2.2rem
    }

    .css–tqiwgdbMuiOutlinedInput–input {
        padding-bottom: 0
    }

    .css–tqiwgdbMuiSvgIcon–fontSizeMedium,
    .css–t1k3x8v3layout-logo--vQN5n {
        flex: 0
    }

    .css–tqiwgdbMuiSvgIcon–fontSizeMedium {
        margin-bottom: 15px;
        min-height: 115px
    }

    .css–fvipm8css–fqiwgdb {
        max-height: 100px
    }

    .css–t1k3x8v3layout-logo--vQN5n {
        margin-left: 0;
        margin-top: auto
    }

    .css–t1k3x8v3MuiFormControl–root {
        padding-right: 7.5px;
        padding-left: 0
    }

    .css–t1k3x8v3css–qiwgdb {
        padding-left: 7.5px
    }

    .css–t1k3x8v3css–1636szt {
        padding-left: 0
    }
}

@media (max-width:768px) {
    .content-toc__headline:not(.--initialized) {
        border-bottom-color: transparent
    }
}

@media (max-width:767px) {
    .css–t1k3x8v3css–sfvipm8 {
        padding-bottom: 5px !important
    }

    .css–t1k3x8v3css–tfvipm8>div.css–t1k3x8v3MuiOutlinedInput–input {
        padding-top: 0
    }

    .css–stzsjyecss–ffvipm8 {
        margin-left: 0;
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:1199px) {

    [class*=' top3-row--']:not(.owl-carousel):not(.owl-carousel__top3-row-carousel):not(.--bookie-finder-layout) .css–tzsjyecss–ffvipm8,
    .css–tzsjyelayout-logoText--EkrWz .css–tzsjyecss–ffvipm8 {
        max-width: calc(100% - 15px * 1);
        padding-right: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .css–fvipm8css–p1636szt {
        margin: 0 0 15px;
        flex: 0;
        width: 100%
    }
}

.MuiSelect–selectcss–tfvipm8 {
    margin-top: 8px
}

.css–f1k3x8v3css–fqiwgdb {
    background: var(--Qb);
    color: var(--Rb);
    margin-bottom: 20px;
    border-radius: var(--d);
    border: 1px solid var(--kc)
}

.css–f1636sztMuiOutlinedInput–input {
    font-weight: var(--a);
    box-shadow: 0 -1px 0 0 color-mix(in srgb, var(--Rb) 15%, transparent) inset;
    border-radius: 4px 4px 0 0;
    line-height: 1.25
}

.css–f1636sztMuiOutlinedInput–input:empty {
    display: none !important
}

.layout-mainHeader--nUtVacss–pqiwgdblayout-logoText--EkrWz {
    border-left-color: var(--f)
}

.css–f1636sztMuiSelect–nativeInput,
.css–f1k3x8v3css–fqiwgdb.css–ffvipm8css–p1636szt .css–f1636sztMuiOutlinedInput–input {
    padding: 15px
}

.css–ffvipm8MuiOutlinedInput–input {
    padding: 15px;
    background-image: none !important
}

.css–f1636sztMuiSvgIcon–root,
.css–f1k3x8v3css–fqiwgdb.css–ffvipm8css–p1636szt .css–f1636sztMuiOutlinedInput–input,
.css–ffvipm8MuiOutlinedInput–input {
    padding-left: 15px
}

.css–f1636sztMuiSvgIcon–fontSizeMedium {
    padding: 15px
}

.css–f1636sztMuiSvgIcon–fontSizeMedium.css–ffvipm8MuiSelect–nativeInput {
    padding: 0
}

.css–f1k3x8v3css–fqiwgdb a {
    color: var(--Rb)
}

.css–f1636sztlayout-icons--h5h-p {
    font-size: 1.3rem;
    color: var(--R);
    line-height: 1.25;
    display: inline-block
}

.css–f1k3x8v3css–ptzsjye {
    position: relative;
    width: 100%
}

.top5-tabs-widget__tab-item {
    padding: 12px 5px;
    text-align: center;
    font-size: 1.6rem;
    margin-right: 20px;
    cursor: pointer;
    width: 100%
}

.css–f1k3x8v3css–p1k3x8v3:hover:not(.--active) {
    opacity: .75
}

.top5-tabs-widget__tab-item.--active {
    font-weight: var(--a)
}

.css–f1k3x8v3MuiSelect–nativeInput,
.css–f1k3x8v3MuiSelect–nativeInput.--active {
    padding: 0 15px
}

.css–f1k3x8v3MuiSvgIcon–fontSizeMedium {
    flex: 0 0 100%;
    padding: 12px 0
}

.css–f1k3x8v3MuiSvgIcon–fontSizeMedium:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent)
}

.css–f1k3x8v3MuiSelect–icon {
    flex: 0 0 75px;
    margin-right: 15px;
    height: 58px;
    border-radius: var(--d)
}

.css–f1636sztlayout-logo--vQN5n {
    width: 100%;
    height: 100%;
    max-width: 90%;
    max-height: 90%
}

.css–f1636sztlayout-logoImage--pckRV {
    margin-right: auto;
    max-width: calc(100% - 155px * 1)
}

.css–f1636sztlayout-logoText--EkrWz,
.css–f1636sztcss–t1636szt {
    font-weight: var(--a);
    margin-bottom: 1px;
    font-size: 1.6rem
}

.css–f1636sztcss–t1636szt {
    text-decoration: underline;
    font-size: 1.5rem;
    color: var(--Rb)
}

.css–f1636sztcss–tfvipm8 {
    font-size: 1.3rem;
    line-height: 1.4
}

.css–f1636sztMuiFormControl–root {
    border-left: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent);
    flex: 0 0 60px;
    margin-left: 5px;
    padding: 8px 0px 8px 5px
}

.css–f1636sztMuiFormControl–root .css–tzsjyecss–fvipm8 {
    margin-top: 2px
}

.css–f1636sztcss–fqiwgdb {
    padding: 15px 0
}

.css–f1636sztcss–ffvipm8 {
    margin: 0 !important
}

.css–f1636sztcss–stzsjye {
    margin-top: auto
}

.css–f1636sztMuiSelect–iconOutlined:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent)
}

.css–ffvipm8layout-mainHeader--nUtVa {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 12px 0 12px 25px;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.css–ffvipm8layout-mainHeader--nUtVa:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    -webkit-mask-image: var(--Dc, url("/jp/reviews/asset/images/arrow-link-blue.svg"));
    mask-image: var(--Dc, url("/jp/reviews/asset/images/arrow-link-blue.svg"));
    -webkit-mask-size: 10px auto;
    mask-size: 10px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
    background-color: currentColor;
    transition: all .25s ease-in-out
}

.css–ffvipm8layout-mainHeader--nUtVa:hover {
    color: var(--S)
}

.provider-test-result-widget {
    position: relative;
    padding: 15px
}

.css–s1k3x8v3css–stzsjye {
    font-size: 1.4rem;
    align-items: center;
    padding: 3px 0
}

.css–s1k3x8v3css–s1k3x8v3 {
    flex: 0 0 120px
}

.provider-bonus-details-widget .css–s1k3x8v3css–s1k3x8v3 {
    flex: 0 0 140px
}

.provider-bonus-details-widget .button.layout-logo--vQN5ncss–s1k3x8v3.css–s1k3x8v3MuiOutlinedInput–input {
    margin-top: 10px;
    margin-bottom: 0
}

.css–pqiwgdblayout-icons--h5h-p:after {
    content: "";
    -webkit-mask-image: url(/jp/reviews/asset/images/arrow-down-angular-green.svg);
    mask-image: url(/jp/reviews/asset/images/arrow-down-angular-green.svg);
    background: var(--o);
    -webkit-mask-size: 8px auto;
    mask-size: 8px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    height: 5px;
    width: 8px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -4px;
    transition: all .25s ease-in-out
}

.css–pqiwgdblayout-icons--h5h-p.--active:after {
    transform: rotate(-180deg);
    transition: all .25s ease-in-out
}

.provider-bonus-details-widget,
.css–f1k3x8v3MuiSelect–outlined {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.css–pfvipm8layout-gamesNavBar--Rtchc .provider-bonus-details-widget {
    border-top-right-radius: var(--d);
    border-top-left-radius: var(--d)
}

.css–f1k3x8v3css–p1k3x8v3 {
    padding: 15px 5px;
    background: var(--mc);
    color: var(--nc);
    border-radius: var(--d) var(--d) 0 0;
    margin-right: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    word-break: break-word;
    font-size: 1.4rem;
    user-select: none;
    border: 1px solid var(--kc);
    border-bottom: none
}

.css–f1k3x8v3css–p1k3x8v3:last-child {
    margin-right: 0
}

.css–f1k3x8v3css–p1k3x8v3.--active {
    background: var(--oc);
    border-color: var(--oc);
    color: var(--pc);
    font-weight: var(--a)
}

.css–s1k3x8v3css–s1k3x8v3 {
    align-self: baseline
}

.css–s1k3x8v3css–stzsjye:last-of-type {
    border: none
}

.provider-of-month-widget__wrapper,
.bonus-of-month-widget__wrapper {
    margin: 0 auto;
    max-width: 360px
}

.css–f1k3x8v3css–f1k3x8v3,
.layout-mainHeader--nUtValayout-icons--h5h-pcss–tfvipm8 {
    background: none;
    border: none
}

.flex-content__col-sidebar .css–f1k3x8v3css–f1k3x8v3,
.flex-content__col-sidebar .layout-mainHeader--nUtValayout-icons--h5h-pcss–tfvipm8 {
    margin-bottom: 40px
}

.button.css–f1k3x8v3css–stzsjye,
.button.layout-mainHeader--nUtValayout-icons--h5h-pcss–ptzsjye {
    margin: 10px 0 0 !important
}

.css–f1636sztMuiSelect–icon {
    padding: 0;
    margin: 0;
    list-style: none
}

.css–ffvipm8MuiSvgIcon–root {
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent)
}

.css–ffvipm8MuiSvgIcon–fontSizeMedium {
    width: 52px !important;
    height: 52px;
    margin-left: -10px;
    border-radius: 50%;
    border: 3px solid var(--j);
    background: #fff
}

.css–ffvipm8MuiSelect–iconOutlined {
    background-image: var(--Cc);
    background-position: calc(100% - 15px * 1) center;
    background-repeat: no-repeat;
    background-size: 6px auto;
    transition: all .25s ease-in-out;
    padding: 15px 30px 15px 15px;
    align-items: center;
    line-height: 1.2
}

.css–ffvipm8MuiSelect–iconOutlined:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent)
}

.css–ttzsjyelayout-mainHeader--nUtVa {
    width: 42px !important;
    height: 42px;
    margin-right: 15px !important;
    border-radius: 50px;
    border: 1px solid var(--j)
}

.css–ttzsjyelayout-logoImage--pckRV {
    display: flex;
    align-items: center;
    line-height: 1.1;
    margin-bottom: 4px
}

.css–ttzsjyelayout-gamesNavBar--Rtchc {
    font-size: 1.3rem;
    font-weight: var(--a);
    margin-right: 5px
}

.css–ttzsjyelayout-gamesNavBar--Rtchc:hover {
    color: var(--Tb)
}

.css–ttzsjyelayout-icons--h5h-p {
    font-size: 1.3rem
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul {
    margin: -15px 0 0;
    padding: 0;
    list-style: none
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul li {
    padding: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--Rb) 15%, transparent);
    font-size: 1.5rem
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul li:last-child {
    border-bottom: none
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul li a {
    display: block;
    text-overflow: ellipsis;
    padding: 12px 0 12px 25px;
    white-space: nowrap;
    overflow: hidden;
    background: var(--Dc, url("/jp/reviews/asset/images/arrow-link-blue.svg")) left center no-repeat;
    background-size: 10px auto;
    text-decoration: none;
    color: var(--Sb)
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul li a:hover {
    background-position: 5px center;
    color: var(--Tb)
}

@media (min-width:992px) {
    .MuiInputBase–formControlcss–sfvipm8 {
        padding-left: 25px
    }

    .css–ffvipm8layout-mainHeader--nUtVa:hover:before {
        -webkit-mask-position: 5px center;
        mask-position: 5px center;
        transition: all .25s ease-in-out
    }

    .provider-test-result-widget {
        transition: top .25s ease-in-out, margin-top .25s ease-in-out, box-shadow .25s ease-in-out;
        top: 0
    }

    .css–ffvipm8MuiSelect–iconOutlined:hover {
        background-position: calc(100% - 10px * 1);
        transition: all .25s ease-in-out
    }
}

.layout-logo--vQN5nMuiOutlinedInput–root,
.layout-languageDropdown--bZYiB>span {
    scrollbar-width: thin
}

.css–tzsjyeMuiSelect–nativeInput {
    overflow-x: auto
}

.layout-logo--vQN5nMuiInputBase–colorPrimary {
    overflow-y: auto
}

.layout-logo--vQN5nMuiOutlinedInput–root::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer
}

.layout-logo--vQN5nMuiOutlinedInput–root.layout-logo--vQN5nMuiInputBase–colorPrimary::-webkit-scrollbar {
    width: 10px
}

.MuiInputBase–formControl::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.layout-logo--vQN5nMuiOutlinedInput–root::-webkit-scrollbar-track {
    border-radius: var(--d)
}

.layout-logo--vQN5nMuiOutlinedInput–root::-webkit-scrollbar-thumb {
    border-radius: var(--d);
    border: none
}

.css–tzsjyeMuiSelect–icon {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.css–tzsjyeMuiSelect–icon::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media (max-width:991px) {
    .layout-languageDropdown--bZYiB>span {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .layout-languageDropdown--bZYiB>span::-webkit-scrollbar {
        width: 0;
        height: 0
    }
}

@media (max-width:575px) {

    .layout-logo--vQN5nMuiInputBase–root.layout-logo--vQN5nMuiInputBase–colorPrimary,
    .css–fvipm8MuiSelect–icon.layout-logo--vQN5nMuiInputBase–colorPrimary {
        overflow: visible
    }
}

.layout-logo--vQN5nMuiOutlinedInput–root {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin !important;
    transition: .2s scrollbar-color ease-in-out
}

.layout-logo--vQN5nMuiOutlinedInput–root:hover {
    scrollbar-color: var(--E) transparent !important;
    scrollbar-width: thin !important
}

.layout-logoImage--pckRVcss–sfvipm8,
.layout-logo--vQN5nlayout-icons--h5h-pcss–fqiwgdb,
.css–t1k3x8v3css–tqiwgdb {
    font-size: var(--wd, .9rem);
    margin: 0 0 5px;
    color: var(--G);
    line-height: 1.3
}

.owl-item .asterisk-notice-overlay {
    top: auto;
    bottom: calc(100% + 5px)
}

.css–tzsjyecss–ptzsjye {
    margin-bottom: 5px
}

.layout-logo--vQN5nlayout-icons--h5h-pcss–fqiwgdb {
    margin: 10px 0 0;
    width: 100%
}

.css–t1k3x8v3css–tqiwgdb {
    margin: 10px 0 0 !important
}

.css–1k3x8v3 {
    align-items: center;
    padding-left: 0
}

[data-op-id="713"] .layout-logo--vQN5ncss–ffvipm8,
[data-op-id="966"] .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 1.3rem;
    color: currentColor
}

@media (min-width:768px) {
    .layout-mainHeader--nUtVaMuiSelect–iconcss–stzsjye {
        margin-top: -5px
    }
}

[class^="socialicon-"]:before,
[class*=" socialicon-"]:before {
    text-indent: 9999px;
    font-family: "socialicons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.socialicon-mail:before {
    content: "\e801"
}

.socialicon-share:before {
    content: "\e803"
}

.socialicon-whatsapp:before {
    content: "\f232"
}

.socialicon-twitter:before {
    content: "\e804"
}

.socialicon-facebook:before {
    content: "\f30c"
}

:root {
    --h: #090909;
    --xd: #090909;
    --yd: #1b1b1b;
    --zd: #dadadc;
    --Ad: #5b5b5b;
    --Bd: #aaa;
    --valorant-gray-dark: #646464;
    --Cd: #fff;
    --Dd: #dadadc;
    --Ed: #37e87b;
    --Fd: #3afb84;
    --Gd: #f04d59;
    --Hd: #c32d37;
    --eb: #cf3744;
    --db: #cf3744;
    --Id: all .2s ease-in-out
}

:root {
    --jd: var(--xd);
    --U: var(--Cd);
    --V: var(--Bd)
}

.lightMode {
    --jd: var(--Dd);
    --U: var(--yd)
}

.layout-languageDropdown--bZYiBcss–s1k3x8v3 {
    border: none
}

.MuiInputBase–formControl {
    min-height: unset !important;
    padding: 4px 0 !important
}

.MuiInputBase–formControl a {
    align-items: center;
    display: inline-flex;
    gap: 11px;
    font-size: 12px;
    font-weight: 700
}

.MuiInputBase–formControl a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none' viewBox='0 0 13 12'%3E%3Cpath fill='%23F04D59' d='M1 5.3a.8.8 0 0 0 0 1.5V5.3Zm11.5 1.2c.3-.3.3-.7 0-1L7.8.7a.8.8 0 1 0-1.1 1L10.9 6l-4.2 4.2a.8.8 0 0 0 1 1.1l4.8-4.8ZM1 6.8h11V5.3H1v1.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 11px;
    width: 17px
}

.css–qiwgdb {
    font-size: 13px;
    font-weight: 400
}

.css–1k3x8v3 {
    display: none !important
}

:root {
    --kd: var(--xd);
    --Vc: var(--Cd);
    --F: var(--Bd);
    --oc: var(--yd);
    --G: var(--Bd);
    --W: var(--Ed);
    --Z: var(--yd);
    --X: var(--Fd);
    --pd: var(--Ed);
    --od: var(--xd);
    --l: var(--Ed)
}

.lightMode {
    --kd: var(--Dd);
    --Vc: var(--yd);
    --pd: var(--yd);
    --od: var(--Dd);
    --F: var(--Ad)
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 {
    background-image: none
}

.layout-languageDropdown--bZYiBMuiInputBase–input {
    padding-top: 12px
}

.css–s1k3x8v3MuiFormControl–fullWidth {
    display: none !important
}

.css–tzsjyeMuiInputBase–formControl .col-12:has(.compliance-message) {
    order: 4
}

.css–tzsjyeMuiInputBase–formControl .general-code-field__input {
    height: 45px !important
}

.css–tzsjyeMuiInputBase–formControl .button {
    height: 45px !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3MuiInputBase–root {
    order: 1
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3MuiOutlinedInput–root {
    border: 1px solid var(--Bd) !important;
    box-shadow: none !important;
    height: 87px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–qiwgdb {
    max-width: 100% !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–1k3x8v3 {
    border: none;
    flex-direction: row-reverse;
    gap: 4px;
    padding: 0
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–1636szt {
    display: none
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–f1k3x8v3 {
    margin-left: auto;
    max-width: 37% !important;
    order: 3
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–s1k3x8v3 {
    max-width: 44% !important;
    order: 2
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 {
    display: grid;
    gap: 12px;
    grid-template-columns: 169px calc(21% - 3px) calc(21% - 3px) auto 33.5%;
    min-width: 100%;
    order: 4
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .general-code-field {
    grid-column: 2
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .general-code-field input {
    height: 50px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztlayout-logo--vQN5n {
    padding-top: 5px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztcss–t1k3x8v3 {
    grid-column: 5;
    justify-content: flex-start !important;
    margin-top: 0 !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztcss–t1k3x8v3 .css–1636sztMuiInputBase–input {
    display: none !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztcss–t1k3x8v3 .css–1636sztMuiSelect–nativeInput {
    color: var(--Cd);
    font-size: 12px;
    font-weight: 500
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–sqiwgdbcss–t1k3x8v3 {
    color: var(--Cd);
    font-family: Roboto;
    font-size: 15px;
    line-height: 20px;
    padding-left: 24px !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–sqiwgdbcss–t1k3x8v3::before {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid var(--Cd);
    border-radius: 50%;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' fill='none' viewBox='0 0 6 6'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.8 3 1.4 1.5 3-3'/%3E%3C/svg%3E");
    margin: 0;
    left: 0;
    top: 2px;
    position: absolute;
    height: 16px;
    width: 16px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–ffvipm8 {
    font-size: 11px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–pqiwgdb {
    background-color: var(--yd);
    border-radius: 5px;
    color: var(--Cd);
    font-size: 20px;
    padding: 10px 12px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–ptzsjye {
    margin-top: 0
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1636sztMuiSvgIcon–root {
    order: 5
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1636sztlayout-icons--h5h-p {
    display: none
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new-tabs {
    left: 67% !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new-tabs__tab-item {
    border: none !important;
    font-size: 10px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new-tabs__tab-item.--active {
    background-color: var(--Cd) !important;
    color: var(--yd) !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new .css–1636sztcss–t1k3x8v3 {
    background-color: transparent
}

.lightMode .css–sqiwgdbcss–t1k3x8v3 {
    color: var(--yd)
}

.lightMode .css–sqiwgdbcss–t1k3x8v3::before {
    border: 2px solid var(--yd);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' fill='none' viewBox='0 0 6 6'%3E%3Cpath stroke='%231B1B1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.8 3 1.4 1.5 3-3'/%3E%3C/svg%3E")
}

.lightMode .css–1k3x8v3css–pqiwgdb {
    background-color: var(--Cd);
    color: var(--yd)
}

.lightMode .css–1k3x8v3css–p1k3x8v3 .css–1636sztcss–t1k3x8v3 .css–1636sztMuiSelect–nativeInput {
    color: var(--yd)
}

.lightMode .review-header-info-new-tabs__tab-item.--active {
    background-color: var(--yd) !important;
    color: var(--Cd) !important
}

:root {
    --Jd: var(--Gd);
    --Kd: var(--Cd);
    --Ld: var(--Cd);
    --Md: var(--Bd);
    --Nd: var(--Gd);
    --Od: var(--xd);
    --i: var(--yd);
    --E: var(--Cd);
    --kc: var(--Ad);
    --D: var(--Cd)
}

.lightMode {
    --Jd: var(--yd);
    --Od: var(--Dd);
    --i: var(--Cd);
    --E: var(--yd);
    --kc: var(--zd);
    --D: var(--yd)
}

.css–ftzsjyecss–sqiwgdb {
    box-shadow: none
}

.css–ftzsjyecss–ptzsjye {
    gap: 23px;
    padding: 0 15px !important
}

.css–ftzsjyeMuiOutlinedInput–input {
    background-color: transparent !important;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    height: auto;
    opacity: .8;
    padding: 16px 0 !important;
    text-transform: capitalize
}

.css–ftzsjyeMuiOutlinedInput–input:hover {
    opacity: 1
}

.css–ftzsjyeMuiOutlinedInput–input.--active {
    font-weight: 700;
    opacity: 1
}

.review-rating-overview {
    background-color: var(--yd);
    border-radius: 3px;
    padding: 17px 16px
}

.css–f1636sztlayout-languageDropdown--bZYiB {
    color: var(--Cd);
    font-size: 16px
}

.css–f1636sztcss–fvipm8 {
    margin-top: 16px
}

.css–f1636sztcss–f1k3x8v3:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 12px
}

.css–f1636sztcss–s1636szt {
    color: var(--Cd);
    font-size: 14px;
    padding: 2px 7px
}

.css–f1636sztcss–sfvipm8 {
    color: var(--Cd);
    font-size: 15px;
    gap: 6px;
    display: flex;
    justify-content: flex-end
}

.css–f1636sztcss–t1k3x8v3 {
    background-color: var(--Bd) !important;
    height: 17px;
    width: 17px
}

.css–f1636sztcss–1k3x8v3 {
    padding-left: 6px
}

.css–f1636sztcss–1k3x8v3 .layout-logo--vQN5nlayout-icons--h5h-p {
    font-size: 20px !important
}

.css–f1636sztcss–1k3x8v3 .css–tzsjyecss–fvipm8 {
    transform: translateY(-2px)
}

.lightMode .review-rating-overview {
    background-color: var(--Cd)
}

.lightMode .css–f1636sztlayout-languageDropdown--bZYiB {
    color: var(--yd)
}

.lightMode .css–f1636sztcss–s1636szt {
    color: var(--yd)
}

.lightMode .css–f1636sztcss–sfvipm8 {
    color: var(--yd)
}

.css–ffvipm8css–s1636szt {
    color: var(--Cd);
    font-size: 24px !important;
    line-height: 28px
}

.css–ffvipm8css–sfvipm8 {
    border: none !important
}

.css–ffvipm8css–pqiwgdb {
    align-items: flex-start;
    color: var(--Cd);
    display: flex;
    font-size: 16px;
    line-height: 24px
}

.css–ffvipm8css–pqiwgdb::before {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid var(--Cd);
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    mask-image: none !important;
    min-width: 14px;
    transform: translateY(5px);
    width: 14px
}

.css–ffvipm8css–p1k3x8v3::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 2.5 1.3 1.3L5 1.2'/%3E%3C/svg%3E")
}

.css–ttzsjyelayout-logoText--EkrWz::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='6' fill='none' viewBox='0 0 5 6'%3E%3Cpath stroke='%23F04D59' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.8 1.7 1.2 4.3m0-2.6 2.6 2.6-2.6-2.6Z'/%3E%3C/svg%3E");
    border-color: var(--Gd)
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–sqiwgdb {
    margin-top: 10px !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ttzsjyeMuiInputBase–colorPrimary {
    display: none
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–s1k3x8v3 {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    min-width: 100% !important;
    padding: 0 15px !important
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–s1636szt {
    color: var(--Cd);
    font-size: 24px !important;
    width: 100%
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–sfvipm8 {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: calc(50% - 9px)
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–pqiwgdb {
    align-items: flex-start;
    color: var(--Cd);
    display: flex;
    font-size: 16px;
    line-height: 24px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–pqiwgdb::before {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid var(--Cd);
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    mask-image: none !important;
    min-width: 14px;
    transform: translateY(5px);
    width: 14px
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–p1k3x8v3::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 2.5 1.3 1.3L5 1.2'/%3E%3C/svg%3E")
}

.layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ttzsjyelayout-logoText--EkrWz::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='6' fill='none' viewBox='0 0 5 6'%3E%3Cpath stroke='%23F04D59' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.8 1.7 1.2 4.3m0-2.6 2.6 2.6-2.6-2.6Z'/%3E%3C/svg%3E");
    border-color: var(--Gd)
}

.lightMode .css–ffvipm8css–s1636szt {
    color: var(--yd)
}

.lightMode .css–ffvipm8css–pqiwgdb {
    color: var(--yd)
}

.lightMode .css–ffvipm8css–pqiwgdb::before {
    border: 2px solid var(--yd)
}

.lightMode .css–ffvipm8css–p1k3x8v3::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' fill='none' viewBox='0 0 6 5'%3E%3Cpath stroke='%231B1B1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 2.5 1.3 1.3L5 1.2'/%3E%3C/svg%3E")
}

.lightMode .css–ttzsjyelayout-logoText--EkrWz::before {
    border-color: var(--Gd)
}

.css–fqiwgdblayout-logoImage--pckRV {
    border: none !important;
    margin-top: 0 !important
}

.layout-logo--vQN5nMuiSvgIcon–root:has(.s_cr__two-cell__accepts-states) {
    min-width: 194px
}

.layout-logo--vQN5nMuiSvgIcon–root .s_cr__two-cell__show-more {
    background-color: var(--yd);
    color: var(--Cd);
    border: none
}

.layout-logo--vQN5nMuiSvgIcon–root .s_cr__two-cell__show-more::after {
    background-color: var(--Cd)
}

.layout-logo--vQN5nMuiSvgIcon–fontSizeMedium {
    font-size: 11.51px !important;
    font-weight: 400 !important
}

.layout-logoImage--pckRVlayout-container--8mgcn {
    background-color: var(--xd) !important;
    border: none !important;
    font-size: 14px !important;
    line-height: 20px;
    color: var(--Cd)
}

.lightMode .layout-logo--vQN5nMuiSvgIcon–root .s_cr__two-cell__show-more {
    background-color: var(--Cd);
    color: var(--yd)
}

.lightMode .layout-logo--vQN5nMuiSvgIcon–root .s_cr__two-cell__show-more::after {
    background-color: var(--yd)
}

.lightMode .layout-logo--vQN5nMuiSvgIcon–fontSizeMedium {
    color: var(--Ad)
}

.lightMode .layout-logoImage--pckRVlayout-container--8mgcn {
    background-color: var(--Cd) !important;
    color: var(--yd) !important
}

.layout-mainHeader--nUtValayout-logoImage--pckRVcss–1636szt {
    display: none
}

:root {
    --j: var(--xd);
    --Ub: var(--yd);
    --Pd: var(--xd);
    --o: var(--Bd);
    --R: var(--Gd);
    --S: var(--Gd);
    --Wb: var(--yd);
    --Qd: var(--Gd);
    --Rd: var(--Gd);
    --Qb: var(--yd);
    --mc: transparent;
    --nc: var(--Cd);
    --pc: var(--Cd);
    --oc: var(--yd)
}

.lightMode {
    --j: var(--Dd);
    --Ub: var(--Cd);
    --Pd: var(--Dd);
    --o: var(--Ad);
    --Wb: var(--yd);
    --Wb: var(--Cd);
    --Qd: var(--yd);
    --Rd: var(--yd);
    --Qb: var(--Cd);
    --nc: var(--yd);
    --pc: var(--yd);
    --oc: var(--Cd)
}

.layout-languageDropdown--bZYiBcss–tqiwgdb {
    background-color: transparent !important
}

.css–ptzsjye {
    background-color: var(--Cd)
}

.socialicon-twitter::before {
    font-size: 18px !important
}

.socialicon-whatsapp::before {
    font-size: 22px !important
}

.author-footer-box {
    border: none !important
}

.css–p1636szt {
    border: none !important
}

.MuiSelect–outlined {
    color: var(--Cd);
    font-size: 17px;
    font-weight: 700;
    line-height: 17px
}

.layout-mainHeader--nUtValayout-gamesNavBar--Rtchc {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.single-post-meta-data__social-sharing__mobile-toggle {
    border: none !important
}

.single-post-meta-data__social-sharing__mobile-toggle::before {
    color: var(--Cd) !important;
    opacity: 1 !important
}

.single-post-meta-data__social-sharing__icons {
    background-color: var(--yd);
    top: -4px;
    padding: 40px 5px 10px
}

.lightMode .MuiSelect–outlined {
    color: var(--yd)
}

.lightMode .layout-mainHeader--nUtValayout-gamesNavBar--Rtchc {
    color: var(--Ad)
}

.lightMode .single-post-meta-data__social-sharing__mobile-toggle::before {
    color: var(--yd) !important
}

.lightMode .single-post-meta-data__social-sharing__icons {
    background-color: var(--Cd)
}

.req___author-footer-box__social-sharing__icons {
    padding: 0
}

.req___author-footer-box__social-sharing__link {
    color: var(--xd) !important;
    align-items: center;
    background-color: var(--Bd);
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 25px
}

.req___author-footer-box__social-sharing__link:hover {
    background-color: var(--Gd);
    color: var(--xd) !important
}

.req___author-footer-box__social-sharing__link:not(:last-child) {
    margin-right: 6px !important
}

.req___author-footer-box__social-sharing__link .socialicon-facebook {
    height: 32px !important
}

.req___author-footer-box__social-sharing__link .socialicon-facebook::before {
    font-size: 18px !important
}

.req___author-footer-box__social-sharing__link .socialicon-whatsapp {
    height: 33px !important
}

.req___author-footer-box__social-sharing__link .socialicon-whatsapp::before {
    font-size: 18px !important
}

.req___author-footer-box__social-sharing__link .socialicon-twitter {
    height: 31px !important
}

.req___author-footer-box__social-sharing__link .socialicon-twitter::before {
    font-size: 15px !important
}

.lightMode .req___author-footer-box__social-sharing__link {
    color: var(--Dd) !important;
    background-color: var(--Gd)
}

.lightMode .req___author-footer-box__social-sharing__link:hover {
    background-color: var(--Cd);
    color: var(--Gd) !important
}

.content-section {
    background-color: var(--xd) !important;
    border: none !important
}

.lightMode .content-section {
    background-color: var(--Dd) !important
}

.css–ffvipm8MuiFormControl–root {
    background-color: transparent !important
}

.css–ffvipm8layout-select--hSPCi {
    border-radius: 4px 0 0 4px !important
}

.css–ffvipm8css–tzsjye {
    border-radius: 0 4px 4px 0 !important
}

.css–ffvipm8MuiInputBase–formControl:nth-child(odd) th,
.css–ffvipm8MuiInputBase–formControl:nth-child(odd) td {
    background-color: var(--yd) !important
}

.css–ffvipm8MuiInputBase–formControl:nth-child(even) th,
.css–ffvipm8MuiInputBase–formControl:nth-child(even) td {
    background-color: var(--xd) !important
}

.css–ffvipm8layout-select--hSPCi,
.css–ffvipm8css–tzsjye {
    border: none !important;
    color: var(--Cd) !important;
    padding: 10px 20px !important;
    text-transform: none !important;
    text-align: left !important
}

.css–ffvipm8MuiInputBase–colorPrimary tr td span {
    background-color: var(--yd);
    color: var(--Cd) !important
}

.lightMode .css–ffvipm8layout-select--hSPCi,
.lightMode .css–ffvipm8css–tzsjye {
    color: var(--yd) !important
}

.lightMode .css–ffvipm8MuiInputBase–formControl:nth-child(odd) th,
.lightMode .css–ffvipm8MuiInputBase–formControl:nth-child(odd) td {
    background-color: var(--Cd) !important
}

.lightMode .css–ffvipm8MuiInputBase–formControl:nth-child(even) th,
.lightMode .css–ffvipm8MuiInputBase–formControl:nth-child(even) td {
    background-color: var(--Dd) !important
}

.lightMode .css–ffvipm8MuiInputBase–colorPrimary tr td span {
    background-color: var(--Cd);
    color: var(--yd) !important
}

.css–stzsjyeMuiInputBase–root {
    background-color: var(--yd) !important;
    border: none !important;
    border-radius: 4px !important
}

.lightMode .css–stzsjyeMuiInputBase–root {
    background-color: var(--Cd) !important
}

.css–1k3x8v3MuiSelect–iconOutlined {
    border: none !important;
    border-radius: 4px !important;
    overflow: hidden
}

.toggle-box-container__item__title {
    padding: 18px 50px 18px 15px !important
}

.css–1636sztlayout-mainHeader--nUtVa {
    line-height: 20px;
    color: var(--Cd);
    font-size: 18px;
    font-weight: 600
}

.lightMode .css–1636sztlayout-mainHeader--nUtVa {
    color: var(--yd)
}

.css–tqiwgdbcss–sfvipm8 {
    color: var(--Cd) !important;
    font-size: 24px;
    font-weight: 800;
    text-transform: none !important
}

.lightMode .css–tqiwgdbcss–sfvipm8 {
    color: var(--yd) !important
}

.css–fqiwgdbcss–qiwgdb {
    margin-bottom: 12px !important
}

.css–fqiwgdbcss–1k3x8v3 {
    color: var(--Cd) !important;
    font-size: 18px !important;
    font-weight: 600 !important
}

.css–fqiwgdbcss–1k3x8v3::before {
    background-color: var(--Gd) !important;
    border-radius: 50% !important
}

.lightMode .css–fqiwgdbcss–1k3x8v3 {
    color: var(--yd) !important
}

.lightMode .css–fqiwgdbcss–1k3x8v3::before {
    background-color: var(--yd) !important
}

.review-toc {
    box-shadow: none !important
}

.review-toc__ul::after {
    content: none !important
}

.css–ffvipm8css–t1k3x8v3 {
    color: var(--Cd) !important;
    opacity: .8 !important;
    transition: var(--Id)
}

.css–ffvipm8css–t1k3x8v3:hover {
    opacity: 1 !important
}

.css–ffvipm8css–t1k3x8v3.--active {
    opacity: 1 !important
}

.css–ffvipm8css–tfvipm8 {
    background-color: var(--Cd) !important
}

.owl-carousel-inactive.splitted-images-box img {
    border-radius: 4px
}

.css–s1636sztlayout-icons--h5h-p {
    border: none !important
}

.css–s1636sztMuiSelect–outlined {
    color: var(--Cd) !important
}

.css–s1636sztMuiInputBase–root {
    border: none !important
}

.css–s1636sztcss–p1636szt {
    min-width: 100% !important
}

.css–s1636sztcss–stzsjye {
    min-width: 100% !important
}

.lightMode .css–s1636sztMuiSelect–outlined {
    color: var(--yd) !important
}

.flex-content__col-sidebar .review-header-info-new input {
    background-color: transparent !important
}

.flex-content__col-sidebar .css–1k3x8v3css–1636szt {
    background-color: transparent
}

.provider-bonus-details-widget-wrapper input {
    background-color: transparent !important
}

.css–f1k3x8v3css–fqiwgdb {
    border: none !important
}

.top5-tabs-widget__tab-item {
    border: none !important
}

.flex-content__col-sidebar .review-header-info-new__wrapper,
.flex-content__col-sidebar .provider-bonus-details-widget-tab_content,
.flex-content__col-sidebar .css–f1k3x8v3css–fqiwgdb {
    color: var(--Cd) !important
}

.flex-content__col-sidebar .review-header-info-new-tabs__tab-item {
    background-color: var(--Cd) !important;
    color: var(--yd) !important;
    border: none !important
}

.flex-content__col-sidebar .review-header-info-new-tabs__tab-item.--active {
    background-color: transparent !important;
    color: var(--Cd) !important
}

.lightMode .flex-content__col-sidebar .review-header-info-new__wrapper,
.lightMode .flex-content__col-sidebar .provider-bonus-details-widget-tab_content,
.lightMode .flex-content__col-sidebar .css–f1k3x8v3css–fqiwgdb {
    color: var(--yd) !important
}

.lightMode .flex-content__col-sidebar .review-header-info-new-tabs__tab-item {
    background-color: var(--yd) !important;
    color: var(--Cd) !important;
    border: none !important
}

.lightMode .flex-content__col-sidebar .review-header-info-new-tabs__tab-item.--active {
    background-color: transparent !important;
    color: var(--yd) !important
}

.lightMode .css–sqiwgdblayout-gamesNavBar--Rtchc img {
    filter: invert(1) !important
}

.toc-section__content a {
    color: var(--Cd) !important;
    font-size: 16px !important;
    padding-bottom: 4px !important
}

.toc-section__content a:after {
    content: none !important
}

.toc-section__content a:hover {
    color: var(--Cd) !important;
    text-decoration: underline
}

.lightMode .toc-section__content a {
    color: var(--yd) !important
}

.lightMode .toc-section__content a:hover {
    color: var(--yd) !important
}

.layout-languageDropdown--bZYiBcss–s1636szt,
.layout-languageDropdown--bZYiBcss–s1636szt::after {
    color: var(--Cd) !important;
    font-size: 16px !important
}

.lightMode .layout-languageDropdown--bZYiBcss–s1636szt,
.layout-languageDropdown--bZYiBcss–s1636szt::after {
    color: var(--yd) !important
}

body .css–1k3x8v3css–p1k3x8v3.--has-no-code {
    padding-top: 0
}

.css–tfvipm8css–1k3x8v3 {
    border: none !important;
    position: relative
}

.css–tfvipm8css–1k3x8v3 .css–1k3x8v3css–pfvipm8 {
    background-color: var(--yd)
}

.css–tfvipm8css–1k3x8v3 .general-code-field__input {
    border-right: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.css–tfvipm8css–1k3x8v3::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.6 1.6a.5.5 0 0 1 .8 0l6 6a.5.5 0 0 1 0 .8l-6 6a.5.5 0 0 1-.8-.8L10.3 8 4.6 2.4a.5.5 0 0 1 0-.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 46px
}

.lightMode .css–tfvipm8css–1k3x8v3 .css–1k3x8v3css–pfvipm8 {
    background-color: var(--Cd)
}

.layout-logoImage--pckRVlayout-container--8mgcn,
.layout-icons--h5h-playout-logoText--EkrWz,
.layout-logoImage--pckRVcss–tqiwgdb {
    background-color: transparent !important;
    border: none !important
}

.layout-logoImage--pckRVlayout-container--8mgcn img,
.layout-icons--h5h-playout-logoText--EkrWz img,
.layout-logoImage--pckRVcss–tqiwgdb img {
    filter: drop-shadow(0 0 1px rgba(34, 34, 34, .1921568627))
}

.layout-logoImage--pckRVlayout-container--8mgcn::before,
.layout-icons--h5h-playout-logoText--EkrWz::before,
.layout-logoImage--pckRVcss–tqiwgdb::before {
    background-color: var(--Cd) !important
}

.lightMode .layout-logoImage--pckRVlayout-container--8mgcn,
.lightMode .layout-icons--h5h-playout-logoText--EkrWz,
.lightMode .layout-logoImage--pckRVcss–tqiwgdb {
    background-color: var(--Dd) !important
}

.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVlayout-container--8mgcn,
.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-icons--h5h-playout-logoText--EkrWz,
.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVcss–tqiwgdb {
    background-color: var(--Cd) !important
}

.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVlayout-container--8mgcn::before,
.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-icons--h5h-playout-logoText--EkrWz::before,
.lightMode .css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVcss–tqiwgdb::before {
    background-color: var(--xd) !important
}

.css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVlayout-container--8mgcn,
.css–ftzsjyeMuiSvgIcon–root .layout-icons--h5h-playout-logoText--EkrWz,
.css–ftzsjyeMuiSvgIcon–root .layout-logoImage--pckRVcss–tqiwgdb {
    background-color: var(--yd) !important
}

:root {
    --f: var(--Gd)
}

.provider-bonusbox {
    border: none !important;
    display: grid !important;
    grid-template-columns: auto 206px;
    padding: 12px 0px !important
}

.provider-bonusbox>div:first-child {
    display: grid;
    grid-template-columns: auto;
    max-width: unset !important;
    width: 100%
}

.provider-bonusbox>div:last-child {
    max-width: unset !important;
    width: 100%
}

.css–ftzsjyelayout-languageDropdown--bZYiB {
    display: none !important
}

.css–fvipm8css–f1636szt {
    display: block !important
}

.css–fvipm8css–1636szt {
    border: 1px solid var(--Bd);
    height: 98px
}

.css–fvipm8css–fqiwgdb {
    max-height: 100% !important
}

.css–fvipm8css–tqiwgdb {
    display: none !important
}

.css–fvipm8css–stzsjye {
    color: var(--Cd);
    font-size: 24px !important;
    white-space: normal !important
}

.css–fvipm8css–sqiwgdb {
    color: var(--Bd) !important;
    font-size: 11px !important
}

.css–fvipm8css–sqiwgdb .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 11px !important
}

.css–fvipm8css–qiwgdb:has(img) {
    flex: 0 0 182px;
    max-width: 182px
}

.lightMode .css–fvipm8css–stzsjye {
    color: var(--yd)
}

.bonus-highlight-box__conversion-row {
    display: grid !important;
    gap: 12px;
    grid-template-rows: repeat(2, 40px);
    margin: 0 !important
}

.bonus-highlight-box__conversion-row input,
.bonus-highlight-box__conversion-row .button {
    height: 100% !important;
    min-height: 100% !important
}

.bonus-highlight-box__conversion-row input {
    background-color: transparent !important;
    color: var(--Ed) !important
}

.bonus-highlight-box__conversion-row .general-code-field {
    margin: 0 !important
}

.css–fvipm8css–p1636szt {
    height: 100% !important;
    margin-right: 0 !important
}

.css–fvipm8css–ttzsjye {
    border-radius: 100px;
    font-size: 9px !important;
    padding: 1px 10px
}

.lightMode .bonus-highlight-box__conversion-row input {
    background-color: transparent !important;
    color: var(--yd) !important
}

.css–t1k3x8v3css–tfvipm8 {
    background-color: var(--yd);
    border: none !important;
    grid-template-columns: 168px auto 200px
}

.css–t1k3x8v3css–stzsjye {
    border: 1px solid var(--Bd);
    border-radius: var(--d);
    margin: 10px 0 10px 15px;
    padding: 0 !important;
    max-height: 96px
}

.css–t1k3x8v3css–stzsjye span,
.css–t1k3x8v3css–stzsjye img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.css–t1k3x8v3css–pqiwgdb {
    background-color: var(--Ac);
    color: var(--Bc);
    border-radius: 100px;
    font-size: 9px !important;
    padding: 1px 10px
}

.css–t1k3x8v3css–pfvipm8 {
    color: var(--Cd);
    font-size: 24px !important
}

.css–t1k3x8v3css–tfvipm8 .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 11px !important
}

.lightMode .css–t1k3x8v3css–tfvipm8 {
    background-color: var(--Cd)
}

.lightMode .css–t1k3x8v3css–pfvipm8 {
    color: var(--yd)
}

.s_sfb {
    height: auto !important;
    padding: 12px 0
}

.layout-mainHeader--nUtVacss–tzsjyecss–ftzsjye {
    display: none !important
}

.layout-mainHeader--nUtVacss–tzsjyecss–stzsjye {
    max-width: 396px
}

.layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 {
    align-items: center
}

.layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 .button,
.layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 input,
.layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 .general-code-field {
    height: 40px !important;
    min-height: 40px !important;
    max-width: 190px !important;
    width: 190px !important
}

.layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 input {
    color: var(--Ed) !important;
    background-color: transparent !important
}

.layout-mainHeader--nUtVacss–tzsjyecss–t1636szt {
    justify-content: flex-start !important;
    padding: 6px !important
}

.layout-mainHeader--nUtVacss–tzsjyelayout-languageDropdown--bZYiB {
    border: 1px solid var(--Ad);
    max-width: 80px !important
}

.layout-mainHeader--nUtVacss–tzsjyecss–f1636szt {
    flex-grow: 1;
    max-width: calc(100% - 475px) !important
}

.layout-mainHeader--nUtVacss–tzsjyecss–f1636szt .layout-mainHeader--nUtVacss–tzsjyecss–t1k3x8v3 {
    color: var(--Cd) !important;
    font-size: 21px !important;
    padding: 0 4px !important;
    text-align: left !important
}

.s_sfb .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 11px !important
}

.lightMode .layout-mainHeader--nUtVacss–tzsjyecss–f1636szt .layout-mainHeader--nUtVacss–tzsjyecss–t1k3x8v3 {
    color: var(--yd) !important
}

.lightMode .layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 input {
    color: var(--yd) !important
}

:root {
    --vc: var(--Cd);
    --yc: transparent;
    --zc: var(--Cd);
    --Xb: var(--yd);
    --Sd: var(--yd)
}

.lightMode {
    --vc: var(--yd);
    --zc: var(--yd);
    --Xb: var(--Cd);
    --Sd: var(--Cd)
}

body .s_cr {
    border: none !important;
    border-radius: 11px;
    box-shadow: none
}

body .layout-logo--vQN5nlayout-mainHeader--nUtVa {
    border: none !important;
    border-radius: 4px 0 4px 0 !important
}

body .layout-logo--vQN5nlayout-logo--vQN5n {
    background-color: var(--Dd)
}

body .layout-logo--vQN5nlayout-logoImage--pckRV .layout-logo--vQN5nlayout-icons--h5h-p,
body .layout-logo--vQN5nlayout-logoImage--pckRV .layout-logo--vQN5nMuiFormControl–fullWidth {
    font-size: 13px !important
}

body .layout-mainHeader--nUtVaMuiSvgIcon–root {
    background-color: var(--Gd) !important;
    color: var(--Cd) !important;
    border-radius: 4px 0 4px 0 !important;
    font-size: 10px !important;
    left: 0 !important;
    padding: 3px 4px !important
}

body .layout-mainHeader--nUtVaMuiSvgIcon–root::before {
    content: none !important
}

body .layout-logo--vQN5nMuiInputBase–root {
    flex-grow: 0 !important;
    min-width: 264px;
    max-height: 110px !important
}

body .layout-logo--vQN5ncss–1636szt {
    color: var(--Cd);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px !important
}

body .css–qiwgdbcss–ptzsjye,
body .layout-logo--vQN5nlayout-select--hSPCi {
    color: var(--Cd);
    font-size: 14px !important;
    text-decoration: underline
}

body .css–qiwgdbcss–ptzsjye:hover,
body .layout-logo--vQN5nlayout-select--hSPCi:hover {
    color: var(--Cd) !important;
    text-decoration: none
}

body .layout-logo--vQN5ncss–fvipm8 {
    padding-top: 10px !important
}

body .layout-logo--vQN5ncss–fqiwgdb {
    color: var(--Bd);
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 4px
}

body .layout-logo--vQN5ncss–f1k3x8v3 {
    background-image: none !important;
    color: var(--Cd);
    font-family: Roboto;
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    padding-left: 0
}

body .layout-logo--vQN5ncss–fvipm8 .layout-logo--vQN5ncss–ffvipm8 {
    color: var(--Bd);
    font-size: 11px;
    font-weight: 400;
    line-height: 14px
}

body .layout-logo--vQN5ncss–tqiwgdb .general-code-field {
    padding-bottom: 4px
}

body .layout-logo--vQN5ncss–tqiwgdb .general-code-field input {
    border-radius: 2px !important;
    height: 30px !important;
    min-height: 30px !important;
    font-size: 14px !important
}

body .layout-logo--vQN5ncss–tqiwgdb .button {
    min-height: 20px !important;
    height: 20px !important
}

body .s_cr__toggle-link {
    color: var(--Cd) !important;
    font-size: 11px !important
}

body .s_cr-toggleable-row {
    margin-top: 20px !important;
    position: relative
}

body .s_cr-toggleable-row::before {
    background-color: var(--Ad);
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: -20px;
    transform: translateX(-50%);
    width: calc(100% - 30px)
}

.lightMode .layout-logo--vQN5ncss–1636szt {
    color: var(--yd)
}

.lightMode .css–qiwgdbcss–ptzsjye,
.lightMode .layout-logo--vQN5nlayout-select--hSPCi {
    color: var(--yd)
}

.lightMode .css–qiwgdbcss–ptzsjye:hover,
.lightMode .layout-logo--vQN5nlayout-select--hSPCi:hover {
    color: var(--yd) !important
}

.lightMode .layout-logo--vQN5ncss–fqiwgdb {
    color: var(--Ad)
}

.lightMode .layout-logo--vQN5ncss–f1k3x8v3 {
    color: var(--yd)
}

.lightMode .layout-logo--vQN5ncss–fvipm8 .layout-logo--vQN5ncss–ffvipm8 {
    color: var(--Bd)
}

.lightMode .s_cr__toggle-link {
    color: var(--yd) !important
}

.css–tzsjyelayout-icons--h5h-p,
.css–ttzsjyeMuiFormControl–root,
.layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–icon {
    background-color: var(--yd);
    border: none !important;
    box-shadow: none !important
}

.lightMode .css–tzsjyelayout-icons--h5h-p,
.lightMode .css–ttzsjyeMuiFormControl–root,
.lightMode .layout-mainHeader--nUtValayout-logoImage--pckRVMuiSelect–icon {
    background-color: var(--Cd)
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–fullWidth {
    color: var(--Cd) !important;
    font-weight: 400 !important
}

.layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–fullWidth:hover {
    text-decoration: underline
}

.lightMode .layout-mainHeader--nUtValayout-logoText--EkrWzMuiFormControl–fullWidth {
    color: var(--yd) !important
}

.css–stzsjyelayout-select--hSPCi a,
.css–stzsjyelayout-select--hSPCi div {
    color: var(--Cd) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    transition: var(--Id) !important
}

.css–stzsjyelayout-select--hSPCi a:hover {
    color: var(--Gd)
}

.lightMode .css–stzsjyelayout-select--hSPCi a,
.lightMode .css–stzsjyelayout-select--hSPCi div {
    color: var(--Td) !important
}

.comparison-table-filter__select label {
    background-color: var(--yd) !important;
    color: var(--Cd) !important
}

.comparison-table-filter__select-title {
    background-color: var(--yd) !important;
    color: var(--Cd) !important
}

.lightMode .comparison-table-filter__select-title {
    background-color: var(--Cd) !important;
    color: var(--yd) !important
}

.button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb.layout-logo--vQN5nMuiSelect–select {
    color: #e0e5fb
}

.layout-languageDropdown--bZYiBMuiSelect–select li,
.layout-languageDropdown--bZYiBMuiSelect–select a {
    line-height: 1.2em
}

.flex-content__col-sidebar .css–ffvipm8MuiSelect–select>ul li a {
    background: none !important;
    padding-left: 0 !important
}

.css–ffvipm8MuiSelect–iconOutlined {
    background-image: none !important
}

body.css–sfvipm8css–stzsjye main span {
    display: inline-block;
    padding: 15px;
    margin-top: 15px
}

html:has(.header-nav-mobile.--active) {
    overflow-y: hidden
}

.header-nav {
    container-type: inline-size
}

.header-nav-desktop {
    display: flex;
    justify-content: space-between
}

.header-nav-desktop.--menu-open .MuiSelect–iconMuiSelect–icon span {
    font-size: 17px;
    display: block
}

.header-nav-desktop.--menu-open .games-dropdown,
.header-nav-desktop.--menu-open .header-nav-desktop__right__icon.--search {
    transition: none;
    visibility: hidden;
    width: 0;
    overflow: hidden
}

.MuiSelect–iconMuiSvgIcon–fontSizeMedium {
    display: flex;
    align-items: center;
    gap: 13px
}

.MuiSelect–iconMuiSvgIcon–fontSizeMedium>.MuiSelect–iconMuiSelect–iconOutlined {
    display: flex
}

.MuiSelect–iconMuiSelect–icon {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0
}

.MuiSelect–iconMuiSelect–icon span {
    transition: var(--Id);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--Cd);
    display: none
}

.MuiSelect–iconMuiSelect–iconOutlined {
    gap: 10px
}

.MuiSelect–iconOutlinedlayout-container--8mgcn {
    align-items: center;
    position: relative;
    padding: 23px 5px;
    display: flex;
    font-weight: 500
}

.MuiSelect–iconOutlinedlayout-container--8mgcn:nth-child(n+2) {
    display: none
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown {
    transition: var(--Id);
    padding: 17px 0;
    margin-right: 8px
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 150px;
    padding: 3px 12px 3px 3px;
    border-radius: 3px;
    background-color: var(--yd)
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown>span span {
    display: flex;
    gap: 7px;
    align-items: center
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown>span span::before {
    content: "";
    background: url("valorant-logo.png") no-repeat center/cover;
    border-radius: 3px;
    width: 24px;
    height: 21px
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown ul li {
    padding: 0
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown ul li a::before {
    content: "";
    display: block;
    width: 24px;
    height: 21px
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown.--active>ul {
    display: block
}

.MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown.--active>span svg {
    transform: rotate(0deg)
}

.MuiSelect–iconOutlinedcss–tzsjye {
    position: absolute;
    z-index: 99;
    background: var(--yd);
    min-width: max-content;
    width: 100%;
    margin-top: -10px;
    top: 100%;
    left: 0;
    padding: 10px !important;
    border-radius: 8px
}

.MuiSelect–iconOutlinedcss–tzsjye .MuiSelect–iconOutlinedlayout-languageDropdown--bZYiB {
    transform: rotate(180deg) !important
}

.MuiSelect–iconOutlinedcss–tzsjye>li {
    border-radius: 6px;
    position: relative
}

.MuiSelect–iconOutlinedcss–tzsjye>li.s_mihc::after {
    content: "";
    width: 200%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -50%;
    z-index: -1
}

.MuiSelect–iconOutlinedcss–tzsjye>li a {
    display: flex;
    align-items: center;
    padding: 10px;
    color: var(--Bd)
}

.MuiSelect–iconOutlinedcss–tzsjye>li:hover {
    background: #303030
}

.MuiSelect–iconOutlinedcss–tzsjye>li:hover>ul {
    display: block
}

.MuiSelect–iconOutlinedcss–tzsjye>li:hover .MuiSelect–iconOutlinedlayout-languageDropdown--bZYiB {
    transform: rotate(0deg) !important
}

.MuiSelect–iconOutlinedcss–f1636szt {
    padding: 10px !important;
    position: absolute;
    left: calc(100% + 18px);
    top: 0;
    width: max-content;
    border-radius: 8px;
    background: var(--yd)
}

.MuiSelect–iconOutlinedcss–f1636szt li {
    border-radius: 8px
}

.MuiSelect–iconOutlinedcss–f1636szt li:hover {
    background: #303030
}

.MuiSelect–iconOutlinedcss–f1636szt li:hover>ul {
    display: block
}

.MuiSelect–iconOutlinedcss–t1636szt {
    padding: 10px 10px 10px 40px !important;
    position: absolute;
    left: calc(100% - 20px);
    top: 0;
    width: max-content;
    border-radius: 8px
}

.MuiSelect–iconOutlinedcss–t1636szt:after {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--yd);
    top: 0;
    z-index: -1;
    left: 30px;
    display: block;
    position: absolute
}

.MuiSelect–iconOutlinedcss–t1636szt li {
    border-radius: 8px
}

.MuiSelect–iconOutlinedcss–t1636szt li:hover {
    background: #303030
}

.MuiSelect–iconOutlinedMuiSelect–select {
    display: flex;
    align-items: center;
    gap: 13px
}

.header-nav-desktop__right__icon {
    transition: var(--Id);
    background-color: var(--yd);
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer
}

.header-nav-desktop__right__icon:hover {
    background: #2f2f2f
}

.header-nav-desktop__right__icon.--light,
.header-nav-desktop__right__icon.--forum {
    display: none
}

.layout-mainHeader--nUtValayout-container--8mgcnlayout-gamesNavBar--Rtchc {
    padding: 6px 10px;
    color: var(--Cd);
    background: var(--Gd);
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    display: none
}

.header-nav-desktop__right__menu-toggler {
    background: transparent;
    border: 0
}

.header-nav-desktop__right__menu-toggler svg {
    transition: var(--Id)
}

.header-nav-desktop__right__menu-toggler svg rect {
    transition: var(--Id)
}

.header-nav-desktop__right__menu-toggler.--active svg {
    transform: rotate(270deg)
}

.header-nav-desktop__right__menu-toggler.--active svg rect:nth-child(1) {
    transform: rotate(45deg) translate(1px, -2px)
}

.header-nav-desktop__right__menu-toggler.--active svg rect:nth-child(2) {
    transform: translateX(-10px);
    opacity: 0
}

.header-nav-desktop__right__menu-toggler.--active svg rect:nth-child(3) {
    transform: rotate(-45deg) translate(-10px, -3px)
}

.header-nav-desktop ul {
    list-style-type: none;
    padding: 0;
    display: none;
    margin-bottom: 0
}

.header-nav-desktop ul li a {
    color: var(--Bd)
}

.header-nav-desktop ul li a:hover {
    color: var(--Cd)
}

.header-nav-desktop a {
    text-decoration: none !important
}

.header-nav-mobile {
    position: fixed;
    top: 61px;
    left: -105%;
    height: calc(100% - 61px);
    width: 80vw;
    max-width: 300px;
    padding: 0 10px 27px;
    list-style: none;
    background: var(--yd);
    z-index: 999;
    transition: var(--Id);
    overflow-y: auto;
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

.header-nav-mobile.--active {
    left: 0
}

.header-nav-mobile.--active+.layout-mainHeader--nUtValayout-container--8mgcncss–fvipm8 {
    z-index: 998;
    opacity: 1
}

.header-nav-mobile ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 0;
    overflow: hidden
}

.header-nav-mobile .layout-mainHeader--nUtValayout-container--8mgcnMuiInputBase–colorPrimary {
    position: relative
}

.header-nav-mobile li>ul {
    padding-left: 10px
}

.header-nav-mobile input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 48px;
    opacity: 0
}

.header-nav-mobile input+span {
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-nav-mobile input:checked~ul {
    height: max-content
}

.header-nav-mobile input:checked+span svg {
    transform: rotate(0deg)
}

.header-nav-mobile input:focus+span {
    background: #333
}

.header-nav-mobile ul.--active {
    height: max-content !important
}

.header-nav-mobile li:has(ul.--active)>span svg,
.header-nav-mobile li:has(ul.--active)>a svg {
    transform: rotate(0deg)
}

.layout-mainHeader--nUtValayout-container--8mgcncss–1636szt {
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    border: 0;
    background: var(--Gd);
    text-align: center;
    font-size: 13px;
    width: calc(100% - 12px);
    margin: 0 auto
}

.layout-mainHeader--nUtValayout-container--8mgcncss–1636szt a {
    padding: 10px 0 !important;
    color: #fff !important;
    border: 0 !important
}

.layout-mainHeader--nUtValayout-container--8mgcncss–1k3x8v3 {
    margin-top: auto;
    margin-bottom: 16px;
    padding: 20px 6px 0;
    display: flex;
    align-content: center;
    justify-content: space-between
}

.layout-mainHeader--nUtValayout-container--8mgcncss–1k3x8v3 button {
    background: transparent;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    border: 0;
    outline: 0;
    color: #fff;
    width: 100%;
    font-size: 14px
}

.header-nav-mobile li a,
.header-nav-mobile li>span {
    display: inline-block;
    border-bottom: 1px solid #333;
    border-radius: 6px;
    padding: 17px 11px;
    width: 100%;
    text-decoration: none;
    color: var(--Cd);
    font-weight: 500
}

.header-nav-mobile li a.--active,
.header-nav-mobile li>span.--active {
    background: #333
}

.layout-mainHeader--nUtValayout-container--8mgcncss–fvipm8 {
    position: fixed;
    top: 61px;
    left: 0;
    bottom: 0;
    background-color: rgba(9, 9, 9, .6980392157);
    z-index: -1;
    width: 100%;
    opacity: 0;
    transition: var(--Id)
}

.MuiSelect–iconOutlinedlayout-languageDropdown--bZYiB {
    transition: var(--Id);
    margin-left: 8px;
    transform: rotate(180deg);
    pointer-events: none
}

.header-nav-search {
    position: fixed;
    top: 0;
    left: 0;
    background: #292929;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: none
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiFormControl–fullWidth {
    position: relative;
    margin: 40px auto;
    width: 95vw
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiFormControl–fullWidth label {
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 12px
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiFormControl–fullWidth input {
    width: 100%;
    padding: 25px 45px 8px 12px;
    border: 0;
    outline: 0;
    border-radius: 8px;
    background: #151515;
    color: var(--Cd)
}

.header-nav-search__close {
    position: absolute;
    right: 15px;
    top: 11px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: var(--Cd);
    background: #292929;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.header-nav-search.--show {
    display: block
}

html.lightMode .header-nav {
    border-bottom: 1px solid #cacaca
}

html.lightMode .header-nav-mobile {
    background: #fff
}

html.lightMode .header-nav-mobile li>a,
html.lightMode .header-nav-mobile li>span,
html.lightMode .header-nav-mobile #mobile-menu-theme-toggle {
    color: #333
}

html.lightMode .header-nav-mobile #mobile-menu-theme-toggle+svg path {
    fill: #333
}

html.lightMode .header-nav-mobile input:focus+span {
    background: var(--zd)
}

html.lightMode .header-nav-desktop__right__icon {
    background-color: #e7e7e7
}

html.lightMode .header-nav-desktop__right__icon svg path {
    fill: var(--valorant-gray-dark)
}

html.lightMode .MuiSelect–iconOutlinedlayout-container--8mgcn a {
    color: var(--valorant-gray-dark)
}

html.lightMode .MuiSelect–iconOutlinedlayout-container--8mgcn a:hover {
    color: var(--xd)
}

html.lightMode .MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown>span {
    background-color: var(--zd)
}

html.lightMode .MuiSelect–iconOutlinedcss–tzsjye,
html.lightMode .MuiSelect–iconOutlinedcss–f1636szt,
html.lightMode .MuiSelect–iconOutlinedcss–t1636szt {
    background: var(--zd);
    box-shadow: 0 4px 4px 0 rgba(170, 170, 170, .5)
}

html.lightMode .MuiSelect–iconOutlinedcss–tzsjye .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover,
html.lightMode .MuiSelect–iconOutlinedcss–f1636szt .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover,
html.lightMode .MuiSelect–iconOutlinedcss–t1636szt .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover {
    background: #e7e7e7
}

html.lightMode .MuiSelect–iconOutlinedcss–tzsjye .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover>a,
html.lightMode .MuiSelect–iconOutlinedcss–f1636szt .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover>a,
html.lightMode .MuiSelect–iconOutlinedcss–t1636szt .MuiSelect–iconOutlinedlayout-logo--vQN5n:hover>a {
    color: var(--xd)
}

html.lightMode .MuiSelect–iconMuiSelect–icon span {
    color: var(--xd)
}

html.lightMode .MuiSelect–iconOutlinedlayout-languageDropdown--bZYiB path {
    stroke: var(--valorant-gray-dark)
}

html.lightMode .header-nav-search {
    background: var(--zd)
}

html.lightMode .header-nav-search__close {
    background: var(--zd)
}

html.lightMode .header-nav-search input {
    border: 1px solid #cacaca;
    background: var(--Cd);
    color: var(--xd);
    font-weight: 500
}

html.lightMode .header-nav-desktop__right__menu-toggler.--active svg rect {
    fill: var(--eb)
}

html body {
    background-color: var(--xd);
    color: var(--Bd);
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

html.lightMode body {
    background-color: var(--Dd);
    color: var(--yd)
}

.general-code-field__input {
    border: 1.5px dashed var(--Ad) !important
}

.css–1k3x8v3css–pfvipm8 {
    font-size: 11px;
    top: -5px
}

.h1-headline {
    color: var(--Cd);
    font-size: 30px;
    text-transform: none;
    padding-left: 0;
    padding-right: 0 !important
}

body h1+h2:not([class]) {
    color: #ccc !important;
    font-size: 16px !important
}

.lightMode .h1-headline {
    color: var(--yd)
}

.button {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    white-space: nowrap !important
}

.button.layout-logo--vQN5ncss–s1636szt {
    background-image: none !important
}

button:focus {
    outline: none
}

.css–tzsjyecss–fvipm8 {
    background-image: none !important;
    color: var(--Cd);
    height: 18px !important;
    transform: translateY(-1px) !important;
    width: 18px !important
}

.css–tzsjyecss–fqiwgdb {
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    height: 100% !important;
    width: 100% !important
}

.layout-logo--vQN5nlayout-icons--h5h-p,
.layout-logo--vQN5nMuiFormControl–fullWidth {
    color: var(--Cd);
    font-size: 17px !important
}

.lightMode .layout-logo--vQN5nlayout-icons--h5h-p,
.lightMode .layout-logo--vQN5nMuiFormControl–fullWidth {
    color: var(--yd)
}

table {
    background-color: transparent !important
}

.--closed:not(.toc-section__headline) {
    display: none !important
}

a:not([class]) {
    color: var(--Gd);
    text-decoration: underline
}

a:not([class]):hover {
    color: var(--Gd);
    text-decoration: none
}

.--layout-version1 .content-section,
.css–ftzsjyeMuiSelect–iconOutlined {
    color: var(--Cd);
    font-size: 16px;
    line-height: 28px
}

p:not([class]) {
    color: var(--Cd);
    font-size: 16px;
    line-height: 28px
}

ol:not([class]) li,
ul:not([class]) li {
    color: var(--Cd);
    font-size: 16px;
    line-height: 28px
}

ol:not([class]) li::before,
ul:not([class]) li::before {
    color: var(--Cd) !important;
    font-size: 14px !important
}

h2:not([class]) {
    color: var(--Cd) !important;
    font-size: 24px;
    font-weight: 800;
    line-height: 130%;
    text-transform: none !important
}

h3:not([class]),
h4:not([class]) {
    color: var(--Cd) !important;
    font-size: 20px;
    font-weight: 800;
    line-height: 130%;
    text-transform: none !important
}

.lightMode p:not([class]) {
    color: var(--yd)
}

.lightMode ol:not([class]) li,
.lightMode ul:not([class]) li {
    color: var(--yd)
}

.lightMode ol:not([class]) li::before,
.lightMode ul:not([class]) li::before {
    background-color: var(--yd)
}

.lightMode h2:not([class]) {
    color: var(--yd) !important
}

.lightMode h3:not([class]),
.lightMode h4:not([class]) {
    color: var(--yd) !important
}

.general-code-field::before {
    content: none !important
}

.general-code-field__input.--active {
    background-color: transparent !important
}

.css–qiwgdblayout-logoText--EkrWz th,
.css–qiwgdblayout-logoText--EkrWz td {
    color: var(--Cd) !important;
    font-size: 14px !important;
    line-height: 24px !important
}

.css–qiwgdblayout-logoText--EkrWz tr:hover th,
.css–qiwgdblayout-logoText--EkrWz tr:hover td {
    background-color: transparent !important
}

.lightMode .css–qiwgdblayout-logoText--EkrWz th,
.lightMode .css–qiwgdblayout-logoText--EkrWz td {
    color: var(--yd) !important
}

.layout-languageDropdown--bZYiBMuiSelect–select {
    margin-bottom: 16px
}

.css–ttzsjye {
    background-color: #151515;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
    color: #c9c9c9
}

.single-post-meta-data__elem__image {
    max-width: 70px
}

.css–ptzsjye {
    max-height: 70px;
    max-width: 70px;
    height: 70px;
    width: 70px
}

.lightMode .css–ttzsjye {
    background-color: #eaeaea;
    color: #6f6f6f
}

body .css–ptzsjyecss–ptzsjye,
body .css–ptzsjyecss–ptzsjye::before {
    color: #000
}

.css–1636sztlayout-logo--vQN5n .css–1636sztlayout-logoText--EkrWz.disabled {
    display: none
}

.content-button-show-more {
    background: var(--Gd);
    color: #fff
}

.content-button-show-more:hover {
    background: var(--Hd)
}

.layout-languageDropdown--bZYiB a {
    color: var(--Bd)
}

.layout-languageDropdown--bZYiB>span>span:first-child a {
    color: var(--Gd)
}

.single-post-meta-data__elem__value--long-desc p:not(a) {
    font-size: 11px;
    line-height: 16px
}

.author-footer-box {
    background-color: #191919
}

body .s_ew__close {
    background: #aaa
}

.css–f1636sztcss–ffvipm8 {
    background: #333;
    color: #fff !important;
    font-size: 90% !important
}

.css–f1636sztcss–ffvipm8 span {
    white-space: wrap
}

.layout-mainHeader--nUtVacss–tzsjyeMuiFormControl–fullWidth .s_sfb__content:not(.s_sfb__content:first-child) {
    display: none !important
}

.s_ew {
    background-color: var(--xd) !important;
    color: var(--Cd) !important
}

.s_ew__close {
    background-color: var(--yd) !important
}

.lightMode .s_ew {
    background-color: var(--zd) !important;
    color: var(--xd) !important
}

.lightMode .s_ew__close {
    background-color: var(--Cd) !important
}

.MuiInputBase–root.css–s1k3x8v3css–tzsjye {
    background: #151515
}

.css–s1k3x8v3css–f1636szt img {
    border-radius: 50%
}

.css–s1k3x8v3css–sqiwgdb>* {
    display: block;
    margin-bottom: 1em
}

body.fixed {
    position: initial
}

body .css–ftzsjyecss–pfvipm8 {
    background: var(--yd)
}

.button.disabled,
.button.disabled:hover {
    background-color: #636262
}

@media (hover:hover) {
    .MuiSelect–iconOutlinedlayout-container--8mgcn:hover>ul {
        display: block
    }

    .MuiSelect–iconOutlinedlayout-container--8mgcn:hover .MuiSelect–iconOutlinedlayout-languageDropdown--bZYiB {
        transform: rotate(0);
        stroke: red
    }
}

@media (min-width:576px) {
    body .layout-mainHeader--nUtVacss–ptzsjye {
        margin-right: 0 !important
    }

    body .layout-mainHeader--nUtVacss–sfvipm8 {
        flex: 0 0 154px
    }
}

@media (min-width:768px) {
    body h1+h2:not([class]) {
        font-size: 19px !important
    }
}

@media (min-width:991px) {
    .header-nav-desktop__right__menu-toggler {
        display: none
    }
}

@media (min-width:992px) {
    body .layout-logo--vQN5ncss–tqiwgdb {
        flex: 0 1 170px !important
    }

    body .s_cr__toggle-link {
        padding-right: 82px
    }
}

@media screen and (max-width:1220px) {
    .provider-bonusbox {
        grid-template-columns: auto
    }

    .provider-bonusbox>div:last-child {
        padding: 15px 15px 0 !important
    }

    .bonus-highlight-box__conversion-row {
        grid-template-rows: 45px;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:1024px) {
    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–f1k3x8v3 {
        min-width: 100%;
        order: 5;
        padding: 15px !important
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–s1k3x8v3 {
        max-width: 100% !important;
        width: 100%
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 {
        display: flex;
        flex-wrap: wrap
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .general-code-field {
        width: 30%
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztlayout-logo--vQN5n {
        width: 30%
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztcss–t1k3x8v3 {
        margin-left: auto;
        width: fit-content !important
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–pqiwgdb {
        min-height: 67px
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new-tabs {
        left: unset !important;
        right: 0;
        top: -5px
    }
}

@media screen and (max-width:991px) {
    .layout-mainHeader--nUtVacss–tzsjyecss–stzsjye {
        max-width: 190px;
        flex-basis: unset !important;
        min-width: unset !important
    }

    .layout-mainHeader--nUtVacss–tzsjyecss–f1636szt {
        max-width: calc(100% - 250px) !important
    }

    .layout-mainHeader--nUtVacss–tzsjyecss–f1636szt .layout-mainHeader--nUtVacss–tzsjyecss–t1k3x8v3 {
        font-size: 18px !important
    }
}

@media screen and (max-width:768px) {
    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .general-code-field {
        width: calc(50% - 6px)
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztlayout-logo--vQN5n {
        width: calc(50% - 6px)
    }

    .css–fvipm8css–stzsjye {
        font-size: 21px !important
    }

    .css–t1k3x8v3css–tfvipm8 {
        grid-template-areas: "pb_logo pb_details" "pb_cta pb_cta";
        grid-template-columns: 168px auto
    }

    .css–t1k3x8v3css–pfvipm8 {
        font-size: 21px !important
    }

    .h1-headline {
        font-size: 21px
    }
}

@media screen and (max-width:576px) {
    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 {
        gap: 0;
        padding-top: 24px
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .general-code-field {
        width: 100%
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–1k3x8v3css–p1k3x8v3 .css–1636sztlayout-logo--vQN5n {
        width: 100%
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .review-header-info-new-tabs {
        left: 0 !important;
        right: unset !important;
        top: 90px
    }

    .layout-languageDropdown--bZYiBcss–f1k3x8v3 .css–ffvipm8css–sfvipm8 {
        width: 100%
    }

    .provider-bonusbox>div:first-child>div {
        flex-wrap: wrap
    }

    .css–fvipm8css–1636szt {
        height: 69px
    }

    .css–fvipm8css–qiwgdb:has(img) {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 !important
    }

    .css–fvipm8css–f1k3x8v3 {
        min-width: 100% !important;
        padding-top: 15px !important
    }

    .bonus-highlight-box__conversion-row {
        grid-template-rows: 45px 45px;
        grid-template-columns: 1fr
    }

    .css–t1k3x8v3css–tfvipm8 {
        grid-template-areas: "pb_logo" "pb_details" "pb_cta";
        grid-template-columns: auto
    }

    .css–t1k3x8v3css–stzsjye {
        margin: 15px 15px 0
    }

    .layout-mainHeader--nUtVacss–tzsjyecss–stzsjye {
        max-width: 130px !important
    }

    .layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 .button,
    .layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 input,
    .layout-mainHeader--nUtVacss–tzsjyecss–s1k3x8v3 .general-code-field {
        max-width: 130px !important;
        width: 130px !important
    }

    .layout-mainHeader--nUtVacss–tzsjyelayout-languageDropdown--bZYiB {
        display: none !important
    }

    .layout-mainHeader--nUtVacss–tzsjyecss–f1636szt {
        max-width: calc(100% - 130px) !important
    }
}

@media screen and (max-width:575px) {
    body .layout-logo--vQN5nMuiInputBase–root {
        max-height: unset !important
    }
}

@container (min-width:935px) {
    .MuiSelect–iconMuiSvgIcon–fontSizeMedium {
        gap: 34px
    }

    .MuiSelect–iconMuiSelect–icon img {
        width: 25px;
        height: 19px
    }

    .MuiSelect–iconMuiSelect–icon span {
        display: inline
    }

    .MuiSelect–iconOutlinedlayout-container--8mgcn:nth-child(n+2) {
        display: flex
    }

    .MuiSelect–iconOutlinedlayout-container--8mgcn.games-dropdown {
        padding: 23px 0
    }

    .header-nav-desktop__right__icon.--light,
    .header-nav-desktop__right__icon.--forum {
        display: block
    }

    .layout-mainHeader--nUtValayout-container--8mgcnlayout-gamesNavBar--Rtchc {
        display: block
    }

    .header-nav-mobile {
        display: none
    }

    .layout-mainHeader--nUtValayout-container--8mgcncss–fvipm8 {
        display: none
    }
}

@container (max-width:1070px) {
    .MuiSelect–iconOutlinedlayout-container--8mgcn:last-child .MuiSelect–iconOutlinedcss–f1636szt {
        right: calc(100% + 18px);
        left: unset
    }
}

.css–qiwgdblayout-logoText--EkrWz {
    --Ud: #111;
    --Vd: var(--Ud);
    --Wd: #d9edf7;
    --Xd: var(--Ud);
    --Yd: #fff;
    --Zd: var(--Ud);
    --ae: #f9f9f9;
    --be: var(--Ud);
    --ce: #f3f3f3;
    --kc: #ddd;
    --de: .5rem;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%
}

.css–qiwgdblayout-logoText--EkrWz>:not(caption)>*>* {
    background: none;
    border: none;
    box-sizing: border-box;
    float: none !important;
    padding: var(--de);
    text-align: left;
    vertical-align: top
}

.css–qiwgdblayout-logoText--EkrWz>:where(thead)+tbody>*>*,
.css–qiwgdblayout-logoText--EkrWz>tbody>*~*>*,
.css–qiwgdblayout-logoText--EkrWz>tfoot>:where(:first-child)>* {
    border-top: 1px solid var(--kc)
}

.css–qiwgdblayout-logoText--EkrWz>:where(thead, tfoot)>*>th {
    background-color: var(--Wd);
    color: var(--Vd);
    font-weight: 700;
    vertical-align: middle;
    word-break: normal
}

.css–qiwgdblayout-logoText--EkrWz>:where(tbody)>tr>* {
    color: var(--Ud)
}

.css–qiwgdblayout-logoText--EkrWz>:where(tbody.row-striping)>:nth-child(odd)>* {
    background-color: var(--Yd);
    color: var(--Xd)
}

.css–qiwgdblayout-logoText--EkrWz>:where(tbody.row-striping)>:nth-child(2n)>* {
    background-color: var(--ae);
    color: var(--Zd)
}

.css–qiwgdblayout-logoText--EkrWz>.css–qiwgdbMuiFormControl–root>tr:hover>* {
    background-color: var(--ce);
    color: var(--be)
}

.css–qiwgdblayout-logoText--EkrWz img {
    border: none;
    margin: 0;
    max-width: none;
    padding: 0
}

.css–qiwgdblayout-logoText--EkrWz {
    --ee: #049cdb;
    --fe: var(--Vd);
    --ge: var(--fe)
}

.css–qiwgdblayout-logoText--EkrWz thead th:active {
    outline: none
}

:root {
    --he: var(--kc, #e2e6e9)
}

body .css–qiwgdblayout-logoText--EkrWz {
    --Ud: var(--o, #222) !important;
    --Vd: var(--Ud);
    --Wd: var(--j, #f9f9f9) !important;
    --Xd: var(--Ud);
    --Yd: #f9f9f9;
    --Zd: var(--Ud);
    --ae: var(--i, #fff) !important;
    --be: var(--Ud);
    --ce: #f3f3f3;
    --kc: var(--he, #e2e6e9) !important;
    --de: 1em .5em !important;
    --ee: var(--Ac, #ff4f42) !important;
    --fe: var(--Bc, #fff) !important
}

table.css–qiwgdblayout-logoText--EkrWz {
    border-collapse: collapse;
    border: none
}

table.css–qiwgdblayout-logoText--EkrWz th,
table.css–qiwgdblayout-logoText--EkrWz td {
    padding: 10px;
    border: 1px solid var(--he)
}

table.css–qiwgdblayout-logoText--EkrWz nobr {
    white-space: nowrap
}

@media screen and (max-width:600px) {
    .css–tqiwgdbcss–stzsjye {
        flex-direction: column
    }
}

:root {
    --md: "\9650\5b9a"
}

.layout-languageDropdown--bZYiBcss–t1636szt a:not([href^='https\:\/\/www.thespike.gg']):not([href^='\/']):not([href^='#']):not(.button):not(.tiles-flex):not(.k8):after,
.content-section a:not([href^='https\:\/\/www.thespike.gg']):not([href^='\/']):not([href^='#']):not(.button):not(.tiles-flex):not(.k8):after,
.layout-languageDropdown--bZYiBcss–t1636szt span.css–pqiwgdbcss–f1k3x8v3:not(.tiles-flex):not(.bonus-offer-item__image-link):not(.k8):after,
.content-section span.css–pqiwgdbcss–f1k3x8v3:not(.tiles-flex):not(.k8):after {
    content: "";
    display: inline-block;
    background: currentColor;
    -webkit-mask-image: url(/jp/reviews/asset/images/external-link-icon.svg);
    mask-image: url(/jp/reviews/asset/images/external-link-icon.svg);
    -webkit-mask-size: 10px auto;
    mask-size: 10px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 10px;
    height: 10px;
    margin: 0 2px 0 5px;
    vertical-align: baseline
}

:root {
    --Pd: var(--Ub, #fff);
    --ie: var(--j, #f6f8f9);
    --je: var(--o, #222);
    --ke: var(--C, #fff);
    --le: var(--kc, #e2e6e9);
    --me: var(--R, #ff4f42);
    --ne: var(--mc, #e9eff3);
    --oe: var(--oc, #ff4f42);
    --pe: var(--nc, #a4adb9);
    --qe: var(--pc, #fff);
    --re: var(--J), Arial, sans-serif;
    --se: var(--J), Arial, sans-serif;
    --te: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6.57203 1.31085C6.90793 0.474379 8.09207 0.47438 8.42797 1.31085L9.72299 4.53572C9.86603 4.89192 10.2003 5.13481 10.5833 5.16078L14.0505 5.39588C14.9499 5.45686 15.3158 6.58304 14.624 7.16098L11.9572 9.38916C11.6626 9.63527 11.5349 10.0283 11.6286 10.4005L12.4764 13.7707C12.6963 14.6449 11.7383 15.3409 10.9749 14.8616L8.03171 13.0138C7.70661 12.8097 7.29339 12.8097 6.96829 13.0138L4.02507 14.8616C3.26165 15.3409 2.30366 14.6449 2.52358 13.7707L3.37142 10.4005C3.46507 10.0283 3.33737 9.63527 3.0428 9.38916L0.375952 7.16098C-0.315778 6.58304 0.050142 5.45686 0.949471 5.39588L4.41669 5.16078C4.79966 5.13481 5.13397 4.89192 5.27701 4.53572L6.57203 1.31085Z' fill='%23FBBF24'/%3E %3C/svg%3E")
}

.layout-mainHeader--nUtValayout-select--hSPCi {
    font-weight: bold;
    color: #f00
}

:root {
    --ue: var(--f)
}

.comparison-table-filter__loading {
    display: none;
    margin: 15px auto;
    text-align: center
}

.comparison-table-filter__form {
    min-height: 50px;
    margin-bottom: -25px;
    margin-left: -10px;
    margin-right: -10px
}

.css–sqiwgdbMuiInputBase–input {
    padding-left: 10px;
    padding-right: 10px
}

.css–sqiwgdbMuiOutlinedInput–input {
    height: 50px;
    position: relative;
    margin-bottom: 15px
}

.comparison-table-filter__select-box {
    border: 1px solid var(--i);
    align-self: flex-start;
    padding: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    user-select: none;
    box-shadow: var(--qc);
    border-radius: var(--d);
    overflow: hidden;
    background: var(--Ub)
}

.comparison-table-filter__select-box.--active {
    border-color: var(--ue) !important;
    box-shadow: 0 0 25px rgba(78, 76, 82, .15);
    z-index: 5
}

.comparison-table-filter__select-title {
    font-size: 1.5rem;
    padding: 12px 45px 12px 50px;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: initial;
    --Sd: #fff;
    background: var(--Sd)
}

.comparison-table-filter__select-title:before,
.comparison-table-filter__select-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: currentColor;
    -webkit-mask-image: url(/jp/reviews/asset/images/filter-icon-product.svg);
    mask-image: url(/jp/reviews/asset/images/filter-icon-product.svg);
    -webkit-mask-size: 18px auto;
    mask-size: 18px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.MuiSelect–iconlayout-languageDropdown--bZYiB .comparison-table-filter__select-title:before {
    -webkit-mask-image: url(/jp/reviews/asset/images/filter-icon-rating.svg);
    mask-image: url(/jp/reviews/asset/images/filter-icon-rating.svg);
    -webkit-mask-size: 16px auto;
    mask-size: 16px auto
}

.MuiSelect–iconcss–p1k3x8v3 .comparison-table-filter__select-title:before {
    -webkit-mask-image: url(/jp/reviews/asset/images/filter-icon-features.svg);
    mask-image: url(/jp/reviews/asset/images/filter-icon-features.svg);
    -webkit-mask-size: 20px auto;
    mask-size: 20px auto
}

.css–s1k3x8v3MuiSvgIcon–root .comparison-table-filter__select-title:before {
    -webkit-mask-image: url(/jp/reviews/asset/images/filter-icon-bonus-type.svg);
    mask-image: url(/jp/reviews/asset/images/filter-icon-bonus-type.svg);
    -webkit-mask-size: 18px auto;
    mask-size: 18px auto
}

.comparison-table-filter__select-title:after {
    left: auto;
    right: 0;
    -webkit-mask-image: url(/jp/reviews/asset/images/dropdown-arrow-black.svg);
    mask-image: url(/jp/reviews/asset/images/dropdown-arrow-black.svg);
    -webkit-mask-size: 9px auto;
    mask-size: 9px auto
}

.comparison-table-filter__select-title.--active:after {
    -webkit-mask-image: url(/jp/reviews/asset/images/icon-close.svg);
    mask-image: url(/jp/reviews/asset/images/icon-close.svg);
    -webkit-mask-size: 10px auto;
    mask-size: 10px auto
}

.comparison-table-filter__select-box.--active .comparison-table-filter__select-title {
    font-weight: var(--a);
    background-color: var(--ue);
    color: #fff
}

.css–sqiwgdbMuiOutlinedInput–input .comparison-table-filter__select {
    display: none;
    margin: 15px;
    max-height: 265px;
    overflow: auto
}

.comparison-table-filter__select-box.--active .comparison-table-filter__select {
    display: block
}

.comparison-table-filter__filter-radio {
    display: none
}

.comparison-table-filter__filter-radio+label,
.comparison-table-filter__filter-checkbox+label {
    display: block;
    cursor: pointer;
    padding: 5px 0;
    margin: 0;
    font-size: 1.4rem;
    color: initial
}

.comparison-table-filter__filter-radio:checked+label,
.comparison-table-filter__filter-radio+label:hover,
.comparison-table-filter__filter-checkbox:checked+label,
.comparison-table-filter__filter-checkbox+label:hover {
    color: var(--ue)
}

.comparison-table-filter__filter-radio:checked+label,
.comparison-table-filter__filter-checkbox:checked+label {
    font-weight: var(--a)
}

.comparison-table-filter__filter-checkbox {
    display: none
}

.comparison-table-filter__filter-checkbox+label {
    padding-right: 30px;
    position: relative
}

.comparison-table-filter__filter-checkbox+label:before,
.comparison-table-filter__filter-checkbox:checked+label:after {
    content: "";
    background: var(--j);
    display: block;
    height: 20px;
    padding: 0;
    width: 20px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 5px
}

.comparison-table-filter__filter-checkbox+label:hover:before {
    background: #e8eaf3
}

.comparison-table-filter__filter-checkbox:checked+label:after {
    content: "";
    background: var(--ue);
    -webkit-mask-image: url(/jp/reviews/asset/images/icon-checkmark.svg);
    mask-image: url(/jp/reviews/asset/images/icon-checkmark.svg);
    -webkit-mask-size: 12px auto;
    mask-size: 12px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.comparison-table-filter__reset {
    display: none;
    background: var(--j);
    padding: 8px;
    font-size: 1.3rem;
    text-align: center;
    margin: -10px 10px 10px;
    font-weight: var(--M);
    line-height: 1;
    cursor: pointer
}

.comparison-table-filter__reset:hover {
    background: #ececec
}

.comparison-table-filter__reset:before {
    content: "\d7  ";
    font-size: 120%;
    vertical-align: middle
}

.comparison-table-filter__select-box.--active .comparison-table-filter__reset.--show {
    display: block
}

.comparison-filter {
    margin-bottom: -10px;
    margin-top: 15px
}

.comparison-table {
    margin: 20px 0;
    color: var(--o)
}

.s_cr {
    display: flex;
    background: var(--Ub);
    padding: 0 15px;
    margin-bottom: 10px;
    box-shadow: var(--qc);
    border-radius: var(--d)
}

.s_cr:not(.css–qiwgdbcss–t1k3x8v3):first-child {
    border: 1px solid var(--f)
}

.layout-mainHeader--nUtVacss–pqiwgdb {
    margin: 15px 0;
    font-size: 1.3rem;
    border-radius: var(--d);
    padding: 0
}

.css–sfvipm8css–qiwgdb {
    padding: 0;
    flex: 1;
    margin-bottom: -5px;
    padding-right: 18px;
    position: relative
}

.css–sfvipm8css–fvipm8 {
    display: flex;
    background: #fff;
    border-radius: var(--d);
    flex: 0 0 calc((100% / 3 * 1) - 10px);
    min-width: 20px;
    min-height: 36px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid var(--kc)
}

.css–sqiwgdbcss–sfvipm8 .css–sfvipm8css–fvipm8 {
    flex: 0 0 calc((100% / 4 * 1) - 10px)
}

.s_cr__feature-icon-img {
    max-width: 48px;
    max-height: 34px;
    width: 100%
}

.css–pqiwgdblayout-icons--h5h-p {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: calc(100% - 10px * 1);
    max-height: 36px;
    font-weight: var(--a);
    background: #fff;
    border-radius: var(--d);
    border: 1px solid var(--kc);
    color: var(--D)
}

.layout-mainHeader--nUtVacss–pqiwgdb.layout-mainHeader--nUtVacss–ptzsjye {
    position: relative;
    margin-right: 0;
    padding: 0;
    height: 80px
}

.layout-mainHeader--nUtVacss–sfvipm8 {
    flex: 1 0 100%
}

.layout-mainHeader--nUtVacss–ptzsjye {
    flex: 0 0 120px
}

.s_cr__logo__img {
    width: 100%;
    max-width: 140px;
    max-height: 100%;
    margin: auto
}

.layout-mainHeader--nUtVaMuiSelect–outlined {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    z-index: 1
}

.layout-mainHeader--nUtVaMuiSvgIcon–root {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--ve, #e3e8eb);
    min-width: 20px;
    text-align: center;
    line-height: 1;
    padding: 3px;
    border-radius: 3px 0 4px 0;
    font-size: 1rem;
    font-weight: var(--a);
    color: var(--we, var(--D))
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-mainHeader--nUtVaMuiSvgIcon–fontSizeMedium {
    background: #f19811;
    color: #fff
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-mainHeader--nUtVaMuiSelect–icon {
    border-radius: 0;
    font-size: 1.1rem;
    padding: 5px 10px;
    text-transform: uppercase;
    word-break: break-all;
    text-align: left;
    max-width: 130px;
    left: -20px;
    z-index: 1
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-mainHeader--nUtVaMuiSelect–icon:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 0;
    border-color: transparent currentColor transparent transparent;
    position: absolute;
    left: 0;
    bottom: -7px;
    filter: brightness(75%)
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-mainHeader--nUtVaMuiSelect–iconOutlined {
    background: #e72e5a;
    color: #fff
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-mainHeader--nUtVaMuiSelect–iconOutlined:before {
    border-right-color: #e72e5a
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-logoText--EkrWzlayout-select--hSPCi {
    background: var(--xe, #ffd900);
    color: var(--ye, rgba(0, 0, 0, .9))
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.layout-logoText--EkrWzlayout-select--hSPCi:before {
    border-right-color: var(--xe, #ffd900)
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.MuiSelect–iconlayout-mainHeader--nUtVa {
    background: var(--ze, #1cd0e9);
    color: var(--Ae, rgba(0, 0, 0, .9))
}

.layout-mainHeader--nUtVaMuiSvgIcon–root.MuiSelect–iconlayout-mainHeader--nUtVa:before {
    border-right-color: var(--ze, #1cd0e9)
}

.layout-logo--vQN5nlayout-container--8mgcn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0
}

.layout-logo--vQN5nlayout-mainHeader--nUtVa {
    border: none;
    background: var(--Ub);
    border-radius: 50px 0 0 50px;
    padding: 3px 5px 3px 3px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.layout-mainHeader--nUtVacss–ptzsjye[style*="background-color\: #ffffff"] .layout-logo--vQN5nlayout-mainHeader--nUtVa {
    border: 1px solid #e5e5e5
}

.layout-logo--vQN5nlayout-logo--vQN5n {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: var(--j);
    border-radius: 50px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.layout-logo--vQN5nlayout-logo--vQN5n img {
    max-height: 100%
}

.layout-logo--vQN5nlayout-container--8mgcn .layout-logo--vQN5nlayout-logoText--EkrWz {
    margin-bottom: 0
}

.layout-logo--vQN5nlayout-logoImage--pckRV {
    font-size: 1.1rem
}

.layout-logo--vQN5nlayout-logoImage--pckRV .layout-logo--vQN5nlayout-icons--h5h-p {
    font-size: 1em
}

.css–sfvipm8layout-select--hSPCi {
    font-weight: var(--a);
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: var(--E)
}

.css–sfvipm8layout-select--hSPCi.--bigger {
    font-size: 1.4rem;
    text-transform: none;
    margin-bottom: 5px
}

.layout-logo--vQN5nMuiInputBase–root .css–sfvipm8layout-select--hSPCi {
    color: var(--o)
}

.css–sfvipm8css–tzsjye {
    font-weight: var(--a);
    font-size: 1.1em
}

.css–sfvipm8layout-select--hSPCi.css–sfvipm8layout-languageDropdown--bZYiB {
    margin-bottom: 10px
}

.layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    min-height: 0;
    overflow: unset;
    flex-grow: 1
}

.layout-logo--vQN5ncss–fqiwgdb {
    font-weight: var(--a);
    font-size: 1.1rem;
    color: var(--E);
    text-transform: uppercase;
    margin-bottom: 10px
}

.layout-logo--vQN5ncss–f1636szt .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 1.1rem;
    margin: 10px 0 0
}

.layout-logo--vQN5ncss–f1k3x8v3 {
    padding-left: 30px;
    font-size: 2.2rem;
    font-weight: var(--a);
    background-image: var(--uc);
    background-size: 20px 20px;
    background-position: left 2px;
    background-repeat: no-repeat;
    line-height: 1.2
}

.layout-logo--vQN5ncss–1636szt {
    padding-left: 20px;
    padding-right: 5px
}

.layout-logo--vQN5nMuiInputBase–formControl {
    font-size: 1.4rem;
    font-weight: var(--a);
    margin-bottom: 5px;
    line-height: 1.2
}

.layout-logo--vQN5ncss–1636szt:before {
    content: "";
    background: url("check-icon.svg") left center no-repeat;
    background-size: 8px 6px;
    display: inline-flex;
    flex: 0 0 20px;
    height: 1em;
    width: 20px;
    margin-left: -20px;
    vertical-align: middle;
    margin-top: -1px
}

.layout-logo--vQN5ncss–1636szt:not(:last-child) {
    margin-bottom: 4px
}

.css–s1636sztcss–f1k3x8v3 {
    line-height: 1
}

.css–s1636sztMuiSelect–iconOutlined {
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    height: 50%;
    min-height: 37px;
    border-radius: var(--d)
}

.css–s1636sztMuiSelect–iconOutlined.css–sfvipm8layout-container--8mgcn {
    margin-bottom: 5px;
    align-items: center;
    display: flex;
    justify-content: center
}

.css–s1636sztMuiSelect–iconOutlined.css–sfvipm8layout-container--8mgcn {
    margin-bottom: 0;
    height: 80px
}

.css–sfvipm8layout-mainHeader--nUtVa {
    max-height: 100%;
    width: auto
}

.css–qiwgdbcss–ptzsjye {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 10px;
    line-height: 1.25
}

.layout-logoImage--pckRVcss–sfvipm8 {
    width: 100%;
    margin-bottom: 10px !important
}

.layout-logoImage--pckRVcss–ptzsjye {
    font-size: 1.1rem;
    margin-left: auto;
    margin-bottom: auto
}

.s_cr__toggle-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    color: var(--o)
}

.s_cr__toggle-link:after {
    content: "";
    -webkit-mask-image: url(arrow-down-angular-green.svg);
    mask-image: url(arrow-down-angular-green.svg);
    background: currentColor;
    -webkit-mask-size: 8px auto;
    mask-size: 8px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right center;
    mask-position: right center;
    display: inline-flex;
    width: 8px;
    height: 8px;
    margin-left: 8px
}

.s_cr__toggle-link.--active:after {
    transform: rotate(180deg)
}

.layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
    flex: 1 0 calc(100% - 16px * 1);
    height: auto;
    margin-right: 0
}

.comparison-table_no-operators-found {
    background: var(--e);
    color: #fff;
    font-size: 2rem;
    padding: 15px;
    text-align: center;
    box-shadow: 0 6px 0 -3px rgba(0, 0, 0, .08);
    border-radius: var(--d);
    margin: 20px auto
}

.button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb.layout-logo--vQN5nMuiSelect–select {
    background-color: var(--e);
    border-color: var(--e)
}

.button.layout-logo--vQN5ncss–stzsjye.layout-logo--vQN5ncss–sqiwgdb.layout-logo--vQN5nMuiSelect–select:hover {
    background-color: #182358;
    border-color: #182358
}

.s_cr__two-cell__show-more {
    display: inline-flex;
    font-size: 1.3rem;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    color: var(--o);
    white-space: nowrap;
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    padding: 0px 30px 0px 10px;
    align-items: center;
    min-height: 40px;
    border-radius: var(--d);
    background: var(--Zb)
}

.s_cr__two-cell__show-more:after {
    content: "";
    position: absolute;
    right: 8px;
    top: auto;
    width: 15px;
    height: 15px;
    display: inline-flex;
    vertical-align: middle;
    -webkit-mask-image: url(arrow-down-angular-green.svg);
    mask-image: url(arrow-down-angular-green.svg);
    background: currentColor;
    -webkit-mask-size: 8px auto;
    mask-size: 8px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    transition: all .25s ease-in-out
}

.s_cr__two-cell__show-more.--active:after {
    transform: rotate(-180deg)
}

.css–s1k3x8v3css–1636szt {
    margin-top: 15px
}

.css–s1k3x8v3css–ftzsjye .comparison-table {
    margin-top: 10px
}

.layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root.css–sfvipm8css–ftzsjye {
    height: auto;
    overflow: unset
}

.css–sfvipm8css–ttzsjye {
    padding-right: 5px
}

.css–sfvipm8css–ffvipm8:not(:last-child) {
    padding-bottom: 2px
}

.s_cr.css–qiwgdbcss–t1k3x8v3 {
    padding: 0 15px
}

.layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1k3x8v3 {
    height: auto
}

.css–qiwgdbcss–ptzsjye,
.layout-logo--vQN5nlayout-select--hSPCi {
    color: var(--vc)
}

.css–qiwgdbcss–ptzsjye.layout-logo--vQN5nlayout-select--hSPCi {
    margin-bottom: 7px
}

.css–qiwgdbcss–t1k3x8v3 .css–qiwgdbcss–ptzsjye.layout-logo--vQN5nlayout-select--hSPCi {
    margin-bottom: 0;
    text-transform: none
}

.layout-logo--vQN5nMuiInputBase–formControl .css–qiwgdbcss–ptzsjye.layout-logo--vQN5nlayout-select--hSPCi {
    margin-bottom: 5px;
    line-height: 1.2
}

.css–qiwgdbcss–pqiwgdb {
    margin-top: 10px
}

.css–s1k3x8v3css–1636szt .layout-logo--vQN5ncss–pqiwgdb {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 5px
}

.layout-icons--h5h-playout-logoImage--pckRV {
    display: flex
}

.layout-icons--h5h-playout-logoText--EkrWz {
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    height: 40px;
    margin: 0 10px 0 0;
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: var(--d);
    background: var(--Zb);
    position: relative;
    overflow: hidden
}

.layout-icons--h5h-playout-logoText--EkrWz:last-child {
    margin-right: 0
}

.layout-icons--h5h-playout-logoText--EkrWz.--not-available:after {
    content: "";
    background: #e92e3c;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150%;
    height: 2px;
    transform: rotate(-38deg) translate(0, -22px)
}

.layout-icons--h5h-playout-logoText--EkrWz div {
    width: 100%;
    height: 100%;
    background: var(--o);
    -webkit-mask-size: 18px auto;
    mask-size: 18px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.layout-icons--h5h-playout-logoText--EkrWz.--not-available div {
    opacity: .4
}

.layout-icons--h5h-playout-gamesNavBar--Rtchc div {
    -webkit-mask-image: url(/jp/reviews/asset/images/icon-comp-android.svg);
    mask-image: url(/jp/reviews/asset/images/icon-comp-android.svg)
}

.layout-icons--h5h-playout-icons--h5h-p div {
    -webkit-mask-image: url(/jp/reviews/asset/images/icon-comp-ios.svg);
    mask-image: url(/jp/reviews/asset/images/icon-comp-ios.svg)
}

.s_cr-toggleable-row {
    container-type: inline-size;
    width: calc(100% + 30px * 1);
    padding-bottom: 0;
    display: none;
    margin-top: 10px
}

.s_cr-toggleable-row>.col-auto {
    margin-bottom: 15px
}

.s_cr-toggleable-row.--show {
    display: flex
}

.s_cr .layout-logoImage--pckRVlayout-mainHeader--nUtVa {
    width: 46px;
    height: auto
}

.s_cr .layout-logoImage--pckRVcss–s1636szt {
    max-height: 38px;
    width: auto
}

.s_cr .layout-logo--vQN5nMuiSvgIcon–fontSizeMedium {
    font-size: 1.1rem;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--E);
    margin-bottom: .75em
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn {
    background: var(--Zb);
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: var(--d);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    font-size: 1.3rem
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn.layout-languageDropdown--bZYiBcss–ftzsjye {
    border: none;
    padding: 0;
    min-height: 40px;
    height: auto;
    display: block;
    background: none
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn.layout-logoImage--pckRVcss–tfvipm8 {
    min-width: 85px;
    padding: 2px 15px
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn.layout-logoImage--pckRVcss–tfvipm8.layout-logoImage--pckRVcss–s1k3x8v3 {
    padding: 2px 0
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn.layout-logoImage--pckRVcss–tfvipm8.layout-logoImage--pckRVcss–sqiwgdb {
    border: none;
    padding-left: 0;
    background: none;
    justify-content: flex-start
}

.s_cr .layout-logoImage--pckRVlayout-container--8mgcn.layout-logoImage--pckRVcss–tfvipm8.layout-logoImage--pckRVcss–stzsjye:before {
    content: attr(data-currency);
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background: color-mix(in srgb, var(--l) 25%, transparent);
    display: inline-flex;
    margin-right: 10px;
    justify-content: center;
    font-weight: bold;
    color: var(--l);
    align-items: center;
    font-size: 1.4rem
}

.s_cr .layout-logo--vQN5nMuiSelect–iconOutlined {
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
    max-width: 200px;
    position: relative;
    margin-bottom: -10px
}

.s_cr .layout-logo--vQN5nMuiSelect–iconOutlined.css–fqiwgdbcss–ftzsjye {
    max-width: 140px
}

.s_cr .layout-logo--vQN5nMuiSelect–iconOutlined .layout-logoImage--pckRVlayout-container--8mgcn {
    margin: 0 10px 10px 0
}

.s_cr .layout-logoImage--pckRVcss–tqiwgdb {
    background: var(--Zb);
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: var(--d);
    height: 40px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px
}

.s_cr .layout-logoImage--pckRVcss–tqiwgdb:before {
    content: "";
    height: 5px;
    width: 8px;
    -webkit-mask-image: url(arrow-down-angular-green.svg);
    mask-image: url(arrow-down-angular-green.svg);
    background: var(--o);
    -webkit-mask-size: 8px auto;
    mask-size: 8px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -4px;
    transition: all .25s ease-in-out
}

.s_cr .layout-logoImage--pckRVcss–tqiwgdb.--active:before {
    transform: rotate(-180deg)
}

.css–ftzsjyecss–pqiwgdb {
    margin-top: 8px;
    max-width: 280px
}

.css–ftzsjyecss–p1k3x8v3 {
    margin: 0 12px 0 -4px;
    padding: 0
}

.css–ftzsjyecss–pfvipm8 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 90px;
    height: 28px;
    border: 1px solid var(--kc);
    padding: 1px;
    border-radius: var(--d);
    margin: 0 4px;
    text-align: center;
    background: var(--Zb)
}

.css–ftzsjyeMuiSelect–select .css–ftzsjyecss–pfvipm8 {
    margin: 0
}

.css–ftzsjyecss–pfvipm8 img {
    max-height: 100%;
    width: auto
}

.show-more-target-hidden {
    opacity: 0;
    transition: .25s all
}

.show-more-target-hidden.--show {
    opacity: 1
}

@media (min-width:576px) {
    .layout-mainHeader--nUtVacss–pqiwgdb {
        margin: 15px 8px;
        padding: 0 15px
    }

    .css–sfvipm8MuiInputBase–formControl {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        padding: 0 10px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-mainHeader--nUtVacss–ptzsjye {
        margin-right: 8px
    }

    .css–qiwgdbcss–t1k3x8v3 .layout-mainHeader--nUtVacss–pqiwgdb.layout-mainHeader--nUtVacss–ptzsjye {
        height: 90px
    }

    .layout-mainHeader--nUtVacss–sfvipm8 {
        flex: 0 0 180px
    }

    .css–qiwgdbcss–t1k3x8v3 .layout-mainHeader--nUtVacss–sfvipm8 {
        flex: 0 0 160px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        margin: 0;
        padding: 0;
        margin-bottom: 15px
    }

    .css–qiwgdbcss–t1k3x8v3 .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        max-width: calc(100% - 175px * 1);
        margin: 15px 0 15px 15px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root {
        max-height: 80px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root.css–sfvipm8css–ftzsjye {
        max-height: 100%
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root {
        margin: 15px 0 0;
        max-height: 80px;
        overflow: auto;
        width: calc(100% - 180px * 1)
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root {
        max-height: 100px
    }
}

@media (min-width:768px) {
    .comparison-table-filter__loading {
        margin-top: 30px
    }

    .comparison-table-filter__form {
        margin-bottom: -20px
    }

    .css–sfvipm8MuiInputBase–formControl:not(.s_cr__cell--768px-last-in-line) {
        border-right: 1px solid var(--kc)
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root {
        width: calc(50% - 105px * 1);
        margin-right: 15px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        width: calc(50% - 90px * 1);
        flex-grow: 1
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        margin: 15px 0 0
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt {
        flex: 1 0 200px;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt.css–qiwgdbcss–pfvipm8 {
        margin: 10px 0 10px;
        padding-left: 0
    }

    .comparison-top3-highlight-wrapper {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .col-lg-5ths-custom {
        flex: 0 0 20%;
        max-width: 20%
    }

    .css–sfvipm8MuiInputBase–formControl {
        border-right: 1px solid var(--kc);
        margin-right: 0
    }

    .css–sfvipm8css–fvipm8 {
        min-width: 24px
    }

    .css–qiwgdbcss–t1k3x8v3 .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        max-width: 100%;
        flex: 1 0 240px;
        padding-right: 15px;
        padding-bottom: 15px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root,
    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8 {
        width: auto;
        margin-bottom: 15px
    }

    .comparison-filter__filter-options__checkbox__label:hover {
        background-color: var(--e);
        color: #fff;
        border-color: var(--e)
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
        flex: 0 1 220px;
        padding-right: 0;
        margin-left: 0;
        margin-bottom: 5px
    }

    .css–qiwgdbcss–ptzsjye {
        margin-bottom: 8px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb .layout-logo--vQN5ncss–t1636szt {
        margin-top: -5px
    }

    .css–sfvipm8css–f1k3x8v3 {
        width: 100%
    }

    .css–sfvipm8css–ttzsjye {
        flex: 0 0 145px;
        font-weight: var(--a)
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt {
        margin: 0;
        padding-left: 0;
        flex: 1 0 180px
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt.css–qiwgdbcss–pfvipm8 {
        margin: 0 0 5px;
        flex: 1 1 100%
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1k3x8v3 {
        flex: 0 0 200px
    }

    .css–s1k3x8v3css–1636szt .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
        max-width: 200px;
        flex-grow: 1
    }
}

@media (min-width:1200px) {
    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
        flex: 0 1 250px
    }

    .layout-logo--vQN5ncss–ftzsjye {
        margin-left: 12px;
        margin-right: 12px
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5nMuiInputBase–root.css–sfvipm8css–ftzsjye {
        width: 320px
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt,
    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1k3x8v3.css–qiwgdbcss–p1636szt {
        flex: 0 1 220px;
        margin: 15px 0 15px 0
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt:not(.css–qiwgdbcss–pfvipm8) {
        margin: 0 !important
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1k3x8v3.css–qiwgdbcss–pfvipm8 {
        margin-top: 10px;
        margin-left: 15px;
        margin-bottom: 10px
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1k3x8v3 {
        flex: 1 0 250px
    }

    .css–s1k3x8v3css–1636szt .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
        max-width: 250px
    }

    .comparison-top3-highlight-wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:991px) {
    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–tqiwgdb {
        margin: 5px 0 15px;
        flex: 1 0 100%;
        padding: 0
    }
}

@media (max-width:767px) {
    .css–s1k3x8v3css–1636szt .comparison-table-filter__form {
        margin-bottom: 0
    }
}

@media (max-width:575px) {
    .css–sfvipm8MuiInputBase–colorPrimary {
        height: auto;
        min-height: 0;
        padding: 0;
        flex: 1 0 100%;
        margin: 0 0 15px
    }

    .css–qiwgdbcss–t1k3x8v3 .layout-mainHeader--nUtVacss–pqiwgdb.layout-mainHeader--nUtVacss–ptzsjye {
        margin-right: 0
    }

    .layout-mainHeader--nUtVacss–sfvipm8 {
        order: -2
    }

    .layout-mainHeader--nUtVacss–pqiwgdb.layout-logo--vQN5ncss–fvipm8:not(.s_cr__splitted-data) {
        order: -1;
        margin-top: 0
    }

    .css–qiwgdbcss–f1636szt .layout-logo--vQN5ncss–pqiwgdb.css–qiwgdbMuiSelect–iconOutlined {
        margin: 10px 0 0 !important;
        flex-grow: 1
    }

    .layout-logo--vQN5ncss–tqiwgdb.css–qiwgdbcss–p1636szt {
        margin-bottom: 10px;
        order: 99;
        height: auto
    }

    .layout-mainHeader--nUtVaMuiSelect–iconOutlinedMuiOutlinedInput–input,
    .layout-mainHeader--nUtVaMuiSelect–iconcss–stzsjye {
        margin-bottom: 30px
    }

    .css–qiwgdbcss–ptzsjye.layout-logo--vQN5nlayout-select--hSPCi,
    .css–qiwgdbcss–ptzsjye {
        margin-bottom: 12px
    }
}

.single-post-meta-data__mobile-toggle-menu {
    left: var(--ef, -110px)
}

.single-post-meta-data__social-sharing__icons {
    display: none
}

.single-post-meta-data__social-sharing__icons.--active {
    display: flex
}

@media (min-width:576px) {
    .single-post-meta-data__mobile-toggle-menu {
        left: 0
    }
}

.toc-section__content.layout-languageDropdown--bZYiBcss–p1k3x8v3 {
    display: block !important
}

.toc-section__content-wrapper {
    transition: .25s all;
    overflow: hidden
}

.css–tzsjyelayout-gamesNavBar--Rtchc {
    margin-bottom: 15px
}

.css–tzsjyelayout-gamesNavBar--Rtchc.layout-mainHeader--nUtValayout-container--8mgcnMuiOutlinedInput–input {
    width: 360px
}

.css–tzsjyelayout-gamesNavBar--Rtchc .css–tzsjyelayout-icons--h5h-p {
    margin-bottom: 0
}

@media (min-width:576px) {
    .css–tzsjyelayout-gamesNavBar--Rtchc .css–tzsjyecss–sfvipm8 {
        max-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.provider-bonusbox {
    display: flex;
    flex-flow: wrap row;
    border: 1px solid var(--l);
    padding: 15px;
    border-radius: var(--d);
    background: var(--Ub)
}

.css–fvipm8css–1k3x8v3 {
    display: flex
}

.css–fvipm8css–f1k3x8v3,
.css–fvipm8layout-languageDropdown--bZYiB .css–fvipm8css–stzsjye {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.css–fvipm8css–f1k3x8v3:hover,
.css–fvipm8css–f1k3x8v3:hover .css–fvipm8css–stzsjye {
    text-overflow: unset;
    overflow: unset;
    white-space: normal
}

.css–fvipm8css–stzsjye {
    font-weight: var(--a);
    font-size: 2rem
}

.css–fvipm8css–sqiwgdb {
    margin-top: 5px
}

.css–fvipm8css–sqiwgdb,
.css–fvipm8css–sqiwgdb .layout-logo--vQN5ncss–ffvipm8 {
    font-size: 1.1rem
}

.css–fvipm8css–sqiwgdb .layout-logo--vQN5ncss–ffvipm8 {
    margin: 0
}

.css–ftzsjyecss–fvipm8 {
    margin: 0 5px
}

.css–fvipm8layout-languageDropdown--bZYiB {
    padding: 15px 0;
    background: var(--Ub)
}

.css–fvipm8css–tqiwgdb {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.css–fvipm8css–tqiwgdb,
.css–fvipm8css–tqiwgdb .layout-logo--vQN5nlayout-icons--h5h-p {
    font-size: 1.2rem
}

.css–fvipm8css–tqiwgdb .layout-logo--vQN5nlayout-logoText--EkrWz {
    margin: 0 10px 0 0
}

.css–fvipm8css–qiwgdb {
    flex: 0 0 155px;
    max-width: 155px
}

.css–ftzsjyelayout-languageDropdown--bZYiB {
    margin-bottom: 15px
}

.css–fvipm8css–1636szt {
    border-radius: var(--d)
}

.css–fvipm8css–f1636szt {
    margin-bottom: 0;
    flex-wrap: wrap
}

.css–fvipm8css–f1636szt>div {
    margin-bottom: 5px
}

.css–ftzsjyecss–tzsjye {
    line-height: 1.2;
    font-weight: var(--a);
    font-size: 1.3rem
}

.content-section .provider-bonusbox:last-of-type {
    margin-bottom: 0
}

@media (min-width:768px) {
    .provider-bonusbox {
        flex-flow: nowrap
    }
}

@media (max-width:767px) {
    .css–fvipm8css–qiwgdb {
        flex: 0 0 120px;
        max-width: 120px
    }

    .css–fvipm8layout-languageDropdown--bZYiB .css–fvipm8css–p1636szt {
        flex: 0 0 105px
    }

    .css–fvipm8layout-languageDropdown--bZYiB .css–fvipm8MuiOutlinedInput–input {
        flex: calc(100% - 115px)
    }
}

.MuiSelect–outlinedcss–t1k3x8v3 {
    height: 0;
    overflow: hidden;
    transition: .25s height
}

.toggle-box-container__item__content {
    display: block
}

.css–1k3x8v3MuiSelect–iconOutlined.--active .MuiSelect–outlinedcss–t1k3x8v3 {
    height: max-content
}

.layout-mainHeader--nUtValayout-container--8mgcncss–pqiwgdb {
    --white: #fff;
    --black: #222;
    --white-80: rgba(146, 146, 146, .8);
    --white-60: rgba(146, 146, 146, .53);
    --white-40: rgba(146, 146, 146, .31);
    --Id: .2s all ease-in-out;
    width: 100%;
    padding-block: 16px
}

.embla__viewport {
    position: relative;
    overflow: hidden
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiSelect–outlined {
    touch-action: pan-y pinch-zoom;
    gap: 20px;
    display: flex
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiOutlinedInput–input {
    -webkit-user-select: none;
    user-select: none;
    flex-grow: 0;
    flex-shrink: 0;
    transform: translate(0, 0)
}

.layout-mainHeader--nUtValayout-container--8mgcnMuiOutlinedInput–input:last-child>* {
    margin-right: 0 !important
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ffvipm8 {
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye {
    background-color: var(--white-40);
    color: var(--white);
    cursor: pointer;
    transition: var(--Id);
    z-index: 10;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    outline: none !important
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye:hover {
    background-color: var(--white-60)
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye:focus {
    outline: none !important
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye:active {
    background-color: var(--white-80)
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye:disabled {
    background-color: var(--white-40);
    opacity: .4;
    pointer-events: none
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–ttzsjye:disabled:hover {
    background-color: var(--white-40)
}

.layout-mainHeader--nUtValayout-logo--vQN5ncss–t1k3x8v3 {
    width: 50%;
    height: 50%
}

.embla__dots {
    justify-content: center;
    gap: 4px;
    width: 100%;
    padding: 16px;
    display: flex
}

.embla__dot {
    border: 1px solid var(--black);
    cursor: pointer;
    transition: var(--Id);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    flex: 0 0 12px;
    width: 8px;
    height: 12px;
    padding: 0;
    outline: none !important
}

.embla__dot:hover {
    opacity: .8
}

.embla__dot:focus {
    outline: none !important
}

.embla__dot--selected {
    background-color: var(--black)
}

@media (width<=576px) {
    .MuiSelect–nativeInputcss–pqiwgdb .layout-mainHeader--nUtValayout-container--8mgcnMuiOutlinedInput–input {
        width: 100%
    }
}

body.fixed {
    overflow: hidden
}

.s_ew-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10000;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 0
}

.s_ew-wrapper.--external-include {
    position: static;
    background: transparent
}

.s_ew-wrapper.--show {
    display: flex;
    opacity: 1
}

.s_ew {
    z-index: 1001;
    box-sizing: border-box;
    display: none;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 40px 0 15px;
    width: 990px;
    margin: auto;
    position: relative;
    flex-direction: column
}

.s_ew.--external-include {
    width: 100%;
    max-width: 100%
}

.s_ew.--show {
    display: flex
}

.s_ew__close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.3rem;
    padding: 12px 12px 12px 27px;
    color: color-mix(in srgb, var(--D) 80%, transparent);
    background: color-mix(in srgb, currentColor 10%, transparent);
    line-height: 1;
    border-radius: 0 0 0 var(--d);
    z-index: 1;
    font-weight: var(--a)
}

.s_ew:not(.s_ew-layout--list) .s_ew__close:before {
    content: "";
    background-color: currentColor !important;
    -webkit-mask-image: url(/jp/reviews/asset/images/eip-close-white-thicker.svg);
    mask-image: url(/jp/reviews/asset/images/eip-close-white-thicker.svg);
    -webkit-mask-size: 11px auto;
    mask-size: 11px auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 27px
}

.s_ew .css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot.active span,
.s_ew .css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot:hover span {
    background-color: #fff !important
}

.s_ew .css–1636sztlayout-languageDropdown--bZYiB .owl-dots .owl-dot span {
    border-color: #fff !important
}

.s_ew__close:hover,
.s_ew__dont-show-again__btn:hover {
    color: var(--j);
    background: var(--o)
}

.s_ew__inner-wrapper {
    overflow: auto;
    padding: 0;
    margin-top: auto;
    margin-bottom: auto
}

.css–ttzsjyecss–1636szt {
    text-align: center;
    font-size: 2.1rem;
    padding: 0 15px;
    color: #fff;
    font-weight: var(--a)
}

.s_ew .owl-stage-outer {
    padding: 15px
}

.owl-carousel__eip-entries .owl-stage {
    width: 100000px
}

.css–ttzsjyecss–ftzsjye {
    width: 280px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    padding: 15px 15px 10px 15px;
    min-height: 355px;
    border-radius: 10px;
    background: var(--Qb);
    color: var(--D)
}

.owl-carousel-inactive .req___s_ew_entry {
    margin-right: 25px
}

.css–ttzsjyecss–fqiwgdb {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--d)
}

.css–ttzsjyecss–f1k3x8v3 {
    max-width: 100%;
    max-height: 100%
}

.css–ttzsjyecss–f1636szt {
    height: 100%;
    flex: 1;
    justify-content: center
}

.css–ttzsjyecss–ffvipm8 {
    margin: 25px auto 10px;
    text-align: center;
    width: 100%
}

.css–ttzsjyecss–t1k3x8v3 {
    font-size: 2.2rem;
    font-weight: var(--P)
}

.css–ttzsjyecss–t1636szt {
    font-size: 4.5rem;
    font-weight: var(--P);
    line-height: 1;
    word-break: break-word
}

.css–ttzsjyecss–pfvipm8 .css–ttzsjyecss–t1636szt {
    font-size: 2.6rem
}

.layout-mainHeader--nUtVaMuiFormControl–rootcss–sqiwgdb {
    margin: 0px 0 10px;
    line-height: 1.1
}

.css–ttzsjyecss–tfvipm8 {
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 10px;
    margin-top: auto
}

.css–ttzsjyecss–stzsjye {
    margin-right: 5px;
    line-height: 1
}

.css–ttzsjyecss–tfvipm8 .css–tzsjyecss–fqiwgdb.css–ttzsjyecss–sqiwgdb {
    background-color: var(--Qb)
}

.css–ttzsjyecss–sfvipm8 {
    margin-bottom: 5px !important;
    font-size: 2rem
}

.css–ttzsjyecss–pqiwgdb {
    margin-top: 10px;
    align-items: center
}

.css–ttzsjyecss–pqiwgdb .layout-logo--vQN5ncss–ffvipm8 {
    color: var(--G)
}

.s_ew__entries.css–1636sztlayout-languageDropdown--bZYiB .owl-nav.disabled+.owl-dots {
    margin-top: -5px
}

.s_ew_entry__tc--arrow:hover,
.css–ttzsjyecss–pqiwgdb.--active {
    opacity: .5
}

.s_ew_entry__tc-text {
    font-size: 1.1rem;
    margin-top: 5px;
    display: block
}

.s_ew_entry__tc-text.hidden {
    display: none
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@media ((print)) or ((prefers-reduced-motion: reduce)) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }
}

@media (min-width:576px) {
    .s_ew {
        background: #fff;
        max-width: 90%;
        border-radius: 10px;
        height: auto
    }

    .s_ew__close {
        right: 0;
        top: 0;
        border-radius: 0 var(--d) 0 var(--d);
        padding: 9px 9px 9px 24px
    }

    .css–ttzsjyecss–1636szt {
        font-size: 2.4rem;
        margin-bottom: 5px;
        color: color-mix(in srgb, currentColor 80%, transparent)
    }

    .css–ttzsjyecss–ftzsjye {
        min-height: 370px
    }

    .css–ttzsjyecss–t1636szt {
        font-size: 5rem;
        font-weight: var(--P)
    }

    .css–ttzsjyecss–pfvipm8 .css–ttzsjyecss–t1636szt {
        font-size: 3.5rem
    }

    .layout-mainHeader--nUtVaMuiFormControl–rootcss–sqiwgdb {
        font-size: 2.2rem
    }
}

@media (min-width:1110px) {
    .s_ew__inner-wrapper {
        padding: 0 35px
    }
}

@media (max-width:575px) {
    .s_ew .embla__dots {
        opacity: 0;
        cursor: none
    }
}

.s_sfb .layout-mainHeader--nUtVacss–tzsjyelayout-container--8mgcn,
.s_sfb .layout-mainHeader--nUtVacss–tzsjyelayout-container--8mgcn>.layout-logo--vQN5ncss–ffvipm8 {
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    margin: 0 0
}