html{-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%}
*, *::before, *::after{box-sizing: inherit}
body{margin: 0;
    color: rgba(0, 0, 0, 0.87);
    font-family: "Arial";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff}
html, body{background: #171A24}
body{-webkit-backface-visibility: hidden;
    backface-visibility: hidden}
@-webkit-keyframes mui-auto-fill{
    0% {
        display: block
    }
}
@keyframes mui-auto-fill{
    0% {
        display: block
    }
}
@-webkit-keyframes mui-auto-fill-cancel{
    0% {
        display: block
    }
}
@keyframes mui-auto-fill-cancel{
    0% {
        display: block
    }
}
.u-m9fa984{margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px}
@media (min-width:480px){.u-m9fa984{padding-left: 24px;
        padding-right: 24px}}
.u-m9fa984.MuiContainer-root{background: rgb(23, 26, 36);
    position: relative;
    margin: 0px auto;
    width: 100%;
    transition: padding 0.5s;
    padding: 0px;
    overflow-x: hidden;}
@media screen and (max-width:1000px){.u-m9fa984.MuiContainer-root{padding-left: 8px;
        padding-right: 8px}}
.u-me5ac10{width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block}
@media (min-width:480px){.u-me5ac10{padding-left: 24px;
        padding-right: 24px}}
.u-me5ac10.MuiContainer-root{max-width: 1540px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 80px}
@media screen and (max-width:1000px){.u-me5ac10.MuiContainer-root{padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 48px}}
.u-mb16ff1{width: 100%;
    position: relative;
    margin-bottom: 16px}
.u-m0a263c{position: absolute;
    top: 40%;
    right: auto;
    left: -17px;
    z-index: 1200}
@media screen and (max-width:1000px){.u-m0a263c{display: none}}
.u-m3785a8{position: relative;
    width: 37px;
    height: 75px}
.u-m5f8d84{color: rgb(23, 26, 36);
    position: absolute;
    top: 29%;
    height: 32px;
    width: 32px;
    padding: 0px;
    left: 4%;
    border-radius: 50%;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    z-index: 2;
    background-color: rgb(62, 76, 89)}
.u-m339f3d{width: 37px;
    height: 75px;
    z-index: 1;
    position: relative;
    transform: rotateY(180deg);
    background: rgb(23, 26, 36);
    clip-path: path("M 0 37.7213 C 0 43.7797 2.50647 49.2459 6.52753 53.1162 C 12.8941 59.2442 21 66.1634 21 75 V 0 C 21 8.83656 12.9026 15.8068 6.60245 22.003 C 2.53763 26.0007 0 31.6254 0 37.7213 Z")}
.u-meec75d{position: relative;
    height: 300px;
    max-width: 100%;
    max-height: 330px;
    border-radius: 16px;
    background-color: rgb(32, 41, 52);
    background-position: center center;
    padding: 16px 16px 16px 32px;
    cursor: pointer;
    background-repeat: no-repeat;
    place-content: center;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
    gap: 16px}
@media screen and (max-width:680px){.u-meec75d{max-height: 148px;
        padding-left: 16px;
        gap: 4px}}
.u-mb6914e{z-index: 2}
@media screen and (max-width:680px){.u-mb6914e{display: none}}
.u-md8fb23{margin: 0px;
    font-size: 2.25rem;
    font-weight: 900;
    font-family: Arial;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%}
.u-m210a18{place-content: center flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: start}
@media screen and (max-width:680px){.u-m210a18{display: none}}
.u-m9ca773{margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: Arial;
    display: block;
    line-height: 110%;
    color: rgb(245, 247, 251);
    white-space: normal;
    opacity: 0.75;
    text-decoration: none}
.u-m5fe3d4{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    border: 2px solid rgb(199, 40, 39);
    width: 200px;
    white-space: nowrap;
    font-weight: 700 !important}
.u-m5fe3d4:hover{text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)}
@media (hover:none){.u-m5fe3d4:hover{background-color: transparent}}
.u-m5fe3d4:hover{box-shadow: none}
.u-m5fe3d4:active{box-shadow: none}
.u-m5fe3d4.MuiButton-sizeLarge{height: 48px;
    max-height: 48px}
.u-m5fe3d4:hover{color: rgb(199, 40, 39);
    background-color: rgb(245, 247, 251);
    border: 2px solid rgb(245, 247, 251)}
.u-m5fe3d4:active{color: rgb(199, 40, 39);
    background-color: rgb(202, 210, 216);
    border: 2px solid rgb(202, 210, 216)}
.u-m1fa0a0{position: absolute;
    top: 40%;
    right: -17px;
    left: auto;
    z-index: 1200}
@media screen and (max-width:1000px){.u-m1fa0a0{display: none}}
.u-mdd3b70{color: rgb(23, 26, 36);
    position: absolute;
    top: 29%;
    height: 32px;
    width: 32px;
    padding: 0px;
    left: 12%;
    border-radius: 50%;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    z-index: 2;
    background-color: rgb(62, 76, 89)}
.u-m89fd62{width: 37px;
    height: 75px;
    z-index: 1;
    position: relative;
    transform: none;
    background: rgb(23, 26, 36);
    clip-path: path("M 0 37.7213 C 0 43.7797 2.50647 49.2459 6.52753 53.1162 C 12.8941 59.2442 21 66.1634 21 75 V 0 C 21 8.83656 12.9026 15.8068 6.60245 22.003 C 2.53763 26.0007 0 31.6254 0 37.7213 Z")}
.u-mc59bc3{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
    height: 32px;
    width: 32px;
    padding: 0px;
    z-index: 1;
    position: relative;
    transition: transform 0.5s, opacity 0.5s}
.u-mc59bc3::before{content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgb(49, 63, 75);
    opacity: 0;
    transition: opacity 0.5s}
.u-mc59bc3:hover::before{opacity: 1;
    background-color: rgb(62, 76, 89);
    animation: 0.5s ease 0s 1 normal forwards running}
.u-mc59bc3:active{background-color: rgb(49, 63, 75)}
.u-m89b4ca{flex-direction: column;
    box-sizing: border-box;
    flex-shrink: 0;
    position: sticky;
    left: auto;
    right: 0px;
    background-color: rgb(25, 118, 210);
    color: rgb(255, 255, 255)}
.u-m89b4ca.MuiAppBar-root{box-shadow: none;
    z-index: 1298;
    width: 100%;
    top: 0px;
    padding-bottom: 16px;
    padding-top: 8px;
    background: linear-gradient(rgb(23, 26, 36) 75%, rgba(23, 26, 36, 0) 100%);
    transition: padding 0.5s;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
.u-m9a0f25{position: relative;
    -webkit-box-align: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 0px !important}
@media (min-width:480px){.u-m9a0f25{padding-left: 24px;
        padding-right: 24px}}
@media (min-width:0px){@media (orientation:landscape) {
        .u-m9a0f25 {
            min-height: 48px
        }
    }}
@media (min-width:600px){.u-m9a0f25{min-height: 64px}}
.u-m9a0f25.MuiToolbar-root{padding: 8px;
    width: 100%;
    max-height: 56px;
    background: rgb(32, 41, 52);
    border-radius: 16px;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
.u-mbde61b{gap: 8px;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    justify-content: end}
.u-m76c39f{width: 180px}
@media screen and (max-width:1000px){.u-m76c39f{display: none}}
.u-mf96813{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    border: 2px solid rgb(199, 40, 39);
    width: 100%;
    white-space: nowrap;
    font-weight: 700 !important}
.u-mf96813:hover{text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)}
@media (hover:none){.u-mf96813:hover{background-color: transparent}}
.u-mf96813:hover{box-shadow: none}
.u-mf96813:active{box-shadow: none}
.u-mf96813.MuiButton-sizeLarge{height: 48px;
    max-height: 48px}
.u-mf96813:hover{color: rgb(199, 40, 39);
    background-color: rgb(245, 247, 251);
    border: 2px solid rgb(245, 247, 251)}
.u-mf96813:hover>span>svg path{stroke: rgb(199, 40, 39)}
.u-mf96813:active{color: rgb(199, 40, 39);
    background-color: rgb(202, 210, 216);
    border: 2px solid rgb(202, 210, 216)}
.u-m2e9f29{display: inherit;
    margin-right: 8px;
    margin-left: -4px}
.u-m2e9f29>:nth-of-type(1){font-size: 22px}
.u-mc7a070{width: 150px}
@media screen and (max-width:480px){.u-mc7a070{width: 100px}}
.u-m438771{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: transparent;
    border: 2px solid rgb(199, 40, 39);
    width: 100%;
    white-space: nowrap;
    font-weight: 700 !important}
.u-m438771:hover{text-decoration: none;
    background-color: rgba(156, 39, 176, 0.04);
    border: 1px solid rgb(156, 39, 176)}
@media (hover:none){.u-m438771:hover{background-color: transparent}}
.u-m438771:hover{box-shadow: none}
.u-m438771:active{box-shadow: none}
.u-m438771.MuiButton-sizeLarge{height: 48px;
    max-height: 48px}
.u-m438771:hover{color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    border: 2px solid rgb(199, 40, 39)}
.u-m438771:active{color: rgb(229, 231, 235);
    background-color: rgb(159, 32, 31);
    border: 2px solid rgb(199, 40, 39)}
.u-m256a97{width: 100%;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
.u-m991e78{margin: 0px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: Arial;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%}
.u-m30cb4f{place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 8px}
.u-meafd0c{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    font-size: 1rem;
    background-color: rgb(62, 76, 89);
    border: 2px solid rgb(62, 76, 89);
    width: fit-content;
    white-space: nowrap;
    font-weight: 700 !important}
.u-meafd0c:hover{text-decoration: none;
    background-color: rgba(2, 136, 209, 0.04);
    border: 1px solid rgb(2, 136, 209)}
@media (hover:none){.u-meafd0c:hover{background-color: transparent}}
.u-meafd0c:hover{box-shadow: none}
.u-meafd0c:active{box-shadow: none}
.u-meafd0c.MuiButton-sizeLarge{height: 32px;
    max-height: 32px}
.u-meafd0c:hover{color: rgb(245, 247, 251);
    background-color: rgb(82, 96, 109);
    border: 2px solid rgb(82, 96, 109)}
.u-meafd0c:active{color: rgb(229, 231, 235);
    background-color: rgb(49, 63, 75);
    border: 2px solid rgb(49, 63, 75)}
@media screen and (max-width:480px){.u-m7a2cc9{display: none}}
.u-mfc2bb5{padding-top: 16px;
    padding-bottom: 16px;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center}
.u-m84c295{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/gates-olympus.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m84c295{height: 110px;
        max-width: 150px}.u-m84c295:hover::before{opacity: 0}.u-m84c295::before{transition: none}}
.u-m84c295:hover::before{opacity: 0.75}
.u-m84c295::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m63fbe3{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/mummyland-treasures.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m63fbe3{height: 110px;
        max-width: 150px}.u-m63fbe3:hover::before{opacity: 0}.u-m63fbe3::before{transition: none}}
.u-m63fbe3:hover::before{opacity: 0.75}
.u-m63fbe3::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-mc0fc2a{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/wild-bandito.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-mc0fc2a{height: 110px;
        max-width: 150px}.u-mc0fc2a:hover::before{opacity: 0}.u-mc0fc2a::before{transition: none}}
.u-mc0fc2a:hover::before{opacity: 0.75}
.u-mc0fc2a::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-me49058{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/the-dog-house.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-me49058{height: 110px;
        max-width: 150px}.u-me49058:hover::before{opacity: 0}.u-me49058::before{transition: none}}
.u-me49058:hover::before{opacity: 0.75}
.u-me49058::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-mf6f942{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/wild-bounty.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-mf6f942{height: 110px;
        max-width: 150px}.u-mf6f942:hover::before{opacity: 0}.u-mf6f942::before{transition: none}}
.u-mf6f942:hover::before{opacity: 0.75}
.u-mf6f942::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-me9f444{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/hawaii-riches.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-me9f444{height: 110px;
        max-width: 150px}.u-me9f444:hover::before{opacity: 0}.u-me9f444::before{transition: none}}
.u-me9f444:hover::before{opacity: 0.75}
.u-me9f444::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m3ef5c7{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/blazing-coins-27.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m3ef5c7{height: 110px;
        max-width: 150px}.u-m3ef5c7:hover::before{opacity: 0}.u-m3ef5c7::before{transition: none}}
.u-m3ef5c7:hover::before{opacity: 0.75}
.u-m3ef5c7::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m0b3882{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/klowns.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m0b3882{height: 110px;
        max-width: 150px}.u-m0b3882:hover::before{opacity: 0}.u-m0b3882::before{transition: none}}
.u-m0b3882:hover::before{opacity: 0.75}
.u-m0b3882::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m0dbb53{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/midnight-gold.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m0dbb53{height: 110px;
        max-width: 150px}.u-m0dbb53:hover::before{opacity: 0}.u-m0dbb53::before{transition: none}}
.u-m0dbb53:hover::before{opacity: 0.75}
.u-m0dbb53::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m388de9{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/big-bass-bonanza.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m388de9{height: 110px;
        max-width: 150px}.u-m388de9:hover::before{opacity: 0}.u-m388de9::before{transition: none}}
.u-m388de9:hover::before{opacity: 0.75}
.u-m388de9::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m4b17a8{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/geishas-revenge.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m4b17a8{height: 110px;
        max-width: 150px}.u-m4b17a8:hover::before{opacity: 0}.u-m4b17a8::before{transition: none}}
.u-m4b17a8:hover::before{opacity: 0.75}
.u-m4b17a8::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-m6485bb{border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        url(../img/zeus-vs-hades.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat}
@media screen and (max-width:480px){.u-m6485bb{height: 110px;
        max-width: 150px}.u-m6485bb:hover::before{opacity: 0}.u-m6485bb::before{transition: none}}
.u-m6485bb:hover::before{opacity: 0.75}
.u-m6485bb::before{content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out}
.u-mda4b5b{width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 16px;
    background: rgb(32, 41, 52);
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center}
@media screen and (max-width:1000px){.u-mda4b5b{display: none}}
.u-m464416{width: 100%;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    gap: 8px}
@media screen and (max-width:1000px){.u-m464416{display: none}}
.u-ma21455{position: relative}
.u-m5b271a{width: 200px;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    background-color: rgb(49, 63, 75);
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
.u-m5bb9f0{margin: 0px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1;
    text-decoration: none}
.u-m6f57f2{width: 100%}
.u-mdb1f74{width: 100%;
    overflow-x: auto;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    gap: 8px}
.u-mdb1f74::-webkit-scrollbar{display: none}
.u-m5b621d{width: 150px;
    min-width: 150px;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start}
.u-m73f43b{display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    font-size: 1rem;
    background-color: rgb(62, 76, 89);
    border: 2px solid rgb(62, 76, 89);
    width: 150px;
    white-space: nowrap;
    font-weight: 700 !important}
.u-m73f43b:hover{text-decoration: none;
    background-color: rgba(2, 136, 209, 0.04);
    border: 1px solid rgb(2, 136, 209)}
@media (hover:none){.u-m73f43b:hover{background-color: transparent}}
.u-m73f43b:hover{box-shadow: none}
.u-m73f43b:active{box-shadow: none}
.u-m73f43b.MuiButton-sizeLarge{height: 32px;
    max-height: 32px}
.u-m73f43b:hover{color: rgb(245, 247, 251);
    background-color: rgb(82, 96, 109);
    border: 2px solid rgb(82, 96, 109)}
.u-m73f43b:active{color: rgb(229, 231, 235);
    background-color: rgb(49, 63, 75);
    border: 2px solid rgb(49, 63, 75)}
.u-me7ef50{width: 100%;
    border-radius: 16px;
    max-width: 1540px;
    min-height: 230px;
    height: 100%;
    margin: 0px auto 8px;
    background: rgb(32, 41, 52)}
@media (max-width:1000px){.u-me7ef50{margin-bottom: 96px}}
.u-ma18983{padding: 32px;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
@media (max-width:1000px){.u-ma18983{padding: 16px}}
@media (max-width:800px){.u-ma18983{padding: 16px;
        flex-direction: column;
        gap: 16px}}
.u-m1383ef{width: 60%;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify}
@media (max-width:800px){.u-m1383ef{flex-direction: column;
        gap: 16px;
        width: 100%}}
.u-maa6cbd{margin: 0px 0px 8px;
    font-size: 1rem;
    font-weight: 700;
    font-family: Arial;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1;
    text-decoration: none}
.u-m2b9fc5{-webkit-box-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Arial;
    width: 100%;
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    font-weight: 700 !important}
.u-m2b9fc5:hover{text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04)}
@media (hover:none){.u-m2b9fc5:hover{background-color: transparent}}
.u-m2b9fc5:hover{box-shadow: none}
.u-m2b9fc5:active{box-shadow: none}
.u-m2b9fc5.MuiButton-sizeMedium{max-height: 36px}
.u-m2b9fc5.MuiButtonBase-root{margin-bottom: 8px;
    padding: 0px;
    height: auto;
    font-weight: 700;
    font-size: 0.75rem;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    color: rgb(123, 134, 149);
    transition: 0.2s ease-in-out;
    text-align: left}
.u-m2b9fc5.MuiButtonBase-root:hover{color: rgb(202, 210, 216);
    background: none !important}
.u-m89bb01{margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    display: block;
    line-height: 110%;
    text-decoration: underline rgba(0, 136, 204, 0.4);
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    text-underline-offset: 3.3px;
    color: rgb(0, 136, 204)}
.u-m89bb01:hover{text-decoration-color: inherit}
.u-m179f66{max-width: 400px;
    width: 100%;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    gap: 8px}
@media (max-width:800px){.u-m179f66{margin-bottom: 56px}}
.u-m862733{place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    gap: 8px}
.u-m9cccf5{margin: 0px;
    font-size: 0.75rem;
    font-weight: 700;
    display: block;
    line-height: 110%;
    color: rgb(123, 134, 149);
    opacity: 1}
.sf-hidden{display: none !important}
.u-t9d1f94{background-color: rgb(32, 41, 52);
    max-width: 1540px;
    margin: 0 auto 30px;
    padding: 32px;
    color: #fff;
    border-radius: 16px;}
.u-t9d1f94 h1, .u-t9d1f94 h2, .u-t9d1f94 h3{margin-bottom: 30px;
    margin-top: 40px;}
.u-t9d1f94 h1:first-child, .u-t9d1f94 h2:first-child, .u-t9d1f94 h3:first-child{margin-top: 0;}
@media (max-width: 1000px){.u-m76c39f{display: block;}}
@media (max-width: 767px){.u-t9d1f94{padding:32px 20px!important;}.u-t9d1f94 h1, .u-t9d1f94 h2, .u-t9d1f94 h3{font-size: 24px;
        margin-bottom: 15px;
        margin-top: 15px;}.u-me7ef50{margin-bottom: 30px;}}
@media (max-width: 680px){.u-mb6914e{display: block;
        margin-bottom: 5px;}.u-mb6914e h3, .u-mb6914e .h3{font-size: 24px;
		display: block;}.u-m210a18{display: block;
        margin-bottom: 10px;}}
@media (max-width: 360px){.u-m76c39f{width: 150px;}.u-mc7a070{width: 70px;}}
@-webkit-keyframes mui-auto-fill{
  0% { display: block; }
}
@keyframes mui-auto-fill{
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel{
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel{
  0% { display: block; }
}
@media (max-width: 991px){.u-mb16ff1 swiper-container > swiper-slide{width: 100% !important;
    margin-right: 0 !important;}.u-mb16ff1 swiper-container > swiper-slide:nth-child(n+2){display: none !important;}}
@media (max-width: 680px){.u-mb6914e{display:block !important; margin-bottom:6px;}.u-mb6914e h3, .u-mb6914e .h3{font-size:24px !important;}.u-m210a18{display:block !important; margin-bottom:10px;}}

nav[aria-label="breadcrumb"] .breadcrumb{ list-style: none; }
.u-m9cccf5 a{
	color: rgb(0, 136, 204);
}
.footer-nav {
	
}
.footer-nav a {
	margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    display: block;
    line-height: 110%;
    text-decoration: underline rgba(0, 136, 204, 0.4);
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    text-underline-offset: 3.3px;
    color: rgb(0, 136, 204);
}
.u-t9d1f94 a{
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    text-decoration: underline rgba(0, 136, 204, 0.4);
    cursor: pointer;
    text-underline-offset: 3.3px;
    color: rgb(0, 136, 204);	
}
.u-t9d1f94 .post-img {
    float: left;
    max-width: 40%;
    margin: 0 15px 15px 0;
    border-radius: 8px;
    height: auto;
}

.u-t9d1f94 img {
	display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: auto;
}
.breadcrumb{
  --bc-bg: transparent;
  --bc-border: 1px solid rgba(0,0,0,.08);
  --bc-radius: .5rem;
  --bc-pad-y: .5rem;
  --bc-pad-x: .75rem;
  --bc-gap: .5rem;
  --bc-sep: "›";
  --bc-text: #0088cc
  --bc-muted: ##0088cc
  --bc-link: #0088cc
  --bc-link-hover: #0088cc
  --bc-active: #0088cc

  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--bc-gap);
  margin: 0;
  padding: var(--bc-pad-y) var(--bc-pad-x);
  list-style: none;
  background: var(--bc-bg);
  border: var(--bc-border);
  border-radius: var(--bc-radius);
  color: var(--bc-text);
}


nav[aria-label="breadcrumb"] .breadcrumb{
  padding-left: var(--bc-pad-x);
  padding-right: var(--bc-pad-x);
}

.breadcrumb-item{
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  font-size: .95rem;
  line-height: 1.4;
  color: var(--bc-muted);
}

.breadcrumb-item + .breadcrumb-item::before{
  content: var(--bc-sep);
  color: var(--bc-muted);
  margin: 0 .25rem;
}

.breadcrumb-item a{
  color: #0088cc
  text-decoration: none;
  display: inline-block;
  max-width: 28ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb-item a:hover{ color: var(--bc-link-hover); text-decoration: underline; }
.breadcrumb-item a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: .25rem;
}

.breadcrumb-item.active,
.breadcrumb-item[aria-current="page"]{
  color: var(--bc-active);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 34ch;
}

@media (max-width: 520px){
  .breadcrumb{ --bc-gap: .375rem; --bc-pad-y: .4rem; --bc-pad-x: .6rem; }
  .breadcrumb-item a{ max-width: 22ch; }
  .breadcrumb-item.active{ max-width: 24ch; }
}

@media (prefers-color-scheme: dark){
  .breadcrumb{
    --bc-bg: rgba(255,255,255, .04);
    --bc-border: 1px solid rgba(255,255,255,.12);
    --bc-text: #e5e7eb;
    --bc-muted: #9ca3af;
    --bc-link: #7aa2ff;
    --bc-link-hover: #9bb6ff;
    --bc-active: #ffffff;
    backdrop-filter: saturate(120%) blur(2px);
  }
}

@media print{
  .breadcrumb{ border: none; background: transparent; }
  .breadcrumb a{ text-decoration: none !important; color: #000 !important; }
}
    .table-container {
        background: #0b0b0b0a;
        border: 1px solid #e9e9ee;
        border-radius: 12px;
        padding: 12px;
        margin: 12px 0
    }

    table {
        width: 100%;
        border-collapse: collapse
    }

    th,td {
        padding: 10px;
        border-bottom: 1px solid #ececf0;
        text-align: left
    }

    th {
        background: #4e4e4e;
        font-weight: 600
    }