.header[data-v-23c6b244]{background-color:#222;box-shadow:0 4px 12.5px #00000030;gap:24px;justify-content:center;overflow-x:visible;position:sticky;top:0;z-index:1022;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-negative:0;flex-shrink:0}.header[data-v-23c6b244],.header__wrap[data-v-23c6b244]{align-items:center;display:flex;height:72px;width:100%}.header__wrap[data-v-23c6b244]{flex-direction:row;justify-content:space-between}@media (max-width:89.115em){.header__wrap[data-v-23c6b244]{padding:0 24px!important}}.header__wrap-logo-link[data-v-23c6b244]{width:175px}.header__wrap-menu[data-v-23c6b244]{align-items:center;display:flex;gap:16px;height:100%;justify-content:center;opacity:0;position:relative}.header__wrap-menu.show-menu[data-v-23c6b244]{opacity:1;transition:all 1.5s}.header__wrap-menu.show-menu .menu[data-v-23c6b244]{display:flex}.header__wrap-menu .button-vip[data-v-23c6b244]{height:52px}.header__wrap-menu .menu[data-v-23c6b244]{align-items:center;display:none;gap:8px;height:100%;justify-content:center;padding:8px;position:relative;transition:all 1.5s}.header__wrap-menu .menu.showLine[data-v-23c6b244]{margin-right:32px}.header__wrap-menu .menu.showLine[data-v-23c6b244]:after{border-right:1px solid #595959!important;content:"";height:24px;position:absolute;right:-16px;width:1px}.header__wrap-menu .menu.active[data-v-23c6b244]{border-bottom:3px solid #e04d53}.header__wrap-menu .menu.active .icon-caret-down[data-v-23c6b244]:before,.header__wrap-menu .menu.active .menu__title[data-v-23c6b244]{color:#e04d53}.header__wrap-menu .menu[data-v-23c6b244]:hover{color:#e04d53;transition:all .4s ease}.header__wrap-menu .menu:hover .menu__sub[data-v-23c6b244]{display:grid}.header__wrap-menu .menu:hover .icon-caret-down[data-v-23c6b244]:before,.header__wrap-menu .menu:hover .menu__title[data-v-23c6b244]{color:#e04d53}.header__wrap-menu .menu:hover .icon-caret-down[data-v-23c6b244]{transform:rotate(180deg);transition:all .4s ease}.header__wrap-menu .menu__title[data-v-23c6b244]{color:#fff;font-size:18px;font-weight:700;height:100%;line-height:26px;text-wrap:nowrap}.header__wrap-menu .menu__icon[data-v-23c6b244],.header__wrap-menu .menu__title[data-v-23c6b244]{align-items:center;cursor:pointer;display:flex}.header__wrap-menu .menu__icon .icon-caret-down[data-v-23c6b244]:before{color:#fff;font-size:24px}.header__wrap-menu .menu__sub[data-v-23c6b244]{background:#181818;border-radius:0 0 16px 16px;display:none;font-size:16px;font-weight:700;grid-template-columns:repeat(3,1fr);left:0;line-height:24px;padding:16px;position:absolute;text-align:left;top:72px;z-index:1}.header__wrap-menu .menu__sub-info[data-v-23c6b244]{display:flex}.header__wrap-menu .menu__sub-info .sub[data-v-23c6b244]{align-items:center;color:#a0a0a0;display:flex;gap:8px;height:56px;padding:16px 12px;text-decoration:none;width:200px}.header__wrap-menu .menu__sub-info .sub .item[data-v-23c6b244]{display:flex;flex-direction:column}.header__wrap-menu .menu__sub-info .sub .icon[data-v-23c6b244]:before{color:#595959;font-size:24px}.header__wrap-menu .menu__sub-info .sub.active[data-v-23c6b244],.header__wrap-menu .menu__sub-info .sub[data-v-23c6b244]:hover{background-color:#222;border-radius:8px;color:#fff}.header__wrap-menu .menu__sub-info .sub.active .icon[data-v-23c6b244]:before,.header__wrap-menu .menu__sub-info .sub:hover .icon[data-v-23c6b244]:before{color:#eaeaea}.header__wrap-menu .menu__sub-info .sub.default.active[data-v-23c6b244],.header__wrap-menu .menu__sub-info .sub.default[data-v-23c6b244]:hover{background-color:unset;border-radius:0;color:#fff}.header__wrap-menu .menu__sub-info .sub.default.active .icon[data-v-23c6b244]:before,.header__wrap-menu .menu__sub-info .sub.default:hover .icon[data-v-23c6b244]:before{color:unset}.header__wrap-menu .menu__sub-info .line[data-v-23c6b244]{border-right:1px solid #2c2c2c;margin:0 8px}.header__wrap-menu .menu__sub-info .line.hide-line[data-v-23c6b244]{border-right:unset;margin:0}.header__wrap-menu .menu.last-child:hover .menu__sub[data-v-23c6b244]{display:flex!important;flex-direction:column!important}.header__wrap-logo[data-v-23c6b244]{align-items:center;cursor:pointer;display:flex;gap:16px;height:100%;position:relative}.header__wrap-logo .img-logo[data-v-23c6b244]{display:none;height:36px}.header__wrap-logo.loading .img-logo[data-v-23c6b244]{display:block}.header__wrap-logo .logo-decor[data-v-23c6b244]{cursor:pointer;left:-48px;position:absolute;top:-14px}.header__wrap-action[data-v-23c6b244]{align-items:center;display:flex;flex-direction:row;gap:12px}.header__wrap-action-search[data-v-23c6b244]{align-items:center;background-color:#d82128;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.header__wrap-action-search .icon-search[data-v-23c6b244]:before{color:#eaeaea}.header__wrap-action-search[data-v-23c6b244]:hover{background-color:#d82128}.header__wrap-action-search:hover .icon-search[data-v-23c6b244]:before{color:#fff}.header__wrap-action-line[data-v-23c6b244]{border-right:1px solid #595959!important;border:0;height:24px}.header__wrap-searchbar[data-v-23c6b244]{height:36px;overflow:hidden;position:relative;transition:all .3s;width:0}.header__wrap-searchbar[data-v-23c6b244] .base-input .icon-x-circle-fill{font-size:20px;position:absolute;top:8px;z-index:1}.header__wrap-searchbar[data-v-23c6b244] .base-input .icon-x-circle-fill:before{content:""}.header__wrap-searchbar.show[data-v-23c6b244]{overflow:unset;transition:all .3s;width:568px}.header__wrap-searchbar.show .search-box[data-v-23c6b244]{width:568px}.header__wrap-searchbar .search-box[data-v-23c6b244]{background-color:#181818;border-radius:0 0 12px 12px;box-shadow:0 0 16px #011a3126;display:flex!important;flex-direction:column!important;left:0;overflow:hidden;padding:16px 0;position:absolute;top:53px;transition:all .3s;width:0}.header__wrap-searchbar .search-box-header[data-v-23c6b244]{align-items:center;border-radius:8px;display:flex;gap:12px;height:40px;margin:0 16px}.header__wrap-searchbar .search-box-header-tab[data-v-23c6b244]{align-items:center;background-color:#222;border:1px solid transparent;border-radius:8px;color:#a0a0a0;cursor:pointer;display:flex;flex:1;font-size:16px;font-weight:600;height:100%;justify-content:center;line-height:24px}.header__wrap-searchbar .search-box-header-tab.active[data-v-23c6b244]{background-color:#2c2c2c;border:1px solid #e04d53;color:#fff}.header__wrap-searchbar .search-box-text[data-v-23c6b244]{color:#fff;font-size:14px;font-weight:400;line-height:20px;margin:14px 16px 12px}.header__wrap-searchbar .search-box-text span[data-v-23c6b244]{font-weight:700}.header__wrap-searchbar .search-box-result[data-v-23c6b244]{display:flex!important;flex-direction:column!important;gap:8px;height:313px;margin-right:8px;overflow-y:scroll;padding-left:16px;padding-right:8px}.header__wrap-searchbar .search-box-result.game[data-v-23c6b244]{flex-direction:row!important;flex-wrap:wrap;gap:8px}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244]{width:calc(20% - 6.4px)}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244] .game-item__thumb .game-item__jackpot img{height:12px!important;width:12px!important}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244] .game-item__thumb .game-item__jackpot span{font-size:10px}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244] .game-item__thumb .overlay{border-radius:8px}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244] .game-item__thumb img{aspect-ratio:100/130}.header__wrap-searchbar .search-box-result .game-item[data-v-23c6b244] .game-item__name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:16px;word-break:break-word}.header__wrap-searchbar .search-box-result[data-v-23c6b244]::-webkit-scrollbar{width:0}.header__wrap-searchbar .search-box-result[data-v-23c6b244]::-webkit-scrollbar-thumb{background-color:#303030;border-radius:100px}.header__wrap-searchbar .search-box-result[data-v-23c6b244]::-webkit-scrollbar-track{background-color:transparent}.header__wrap-searchbar .search-box-result.scroll[data-v-23c6b244]::-webkit-scrollbar{width:4px}.header__wrap-searchbar .search-box-empty[data-v-23c6b244]{height:313px;padding-top:20px;text-align:center}.header__wrap-searchbar .search-box-empty-text[data-v-23c6b244]{color:#bfbfbf;font-size:14px;line-height:20px;margin-top:12px}.header .buttons[data-v-23c6b244]{display:flex;flex-direction:row;gap:12px}.header .buttons button[data-v-23c6b244]{height:36px;padding:0;width:120px}.header .buttons .btn-register[data-v-23c6b244]{overflow:hidden;position:relative}.header .buttons .btn-register[data-v-23c6b244]:after{animation:shine 2s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d);content:"";display:block;height:100%!important;position:absolute;top:0;transform:skew(-20deg);width:50%;z-index:2}.header[data-v-23c6b244] .base-button{font-size:16px}.header[data-v-23c6b244] .icon-close{font-size:20px;top:50%;transform:translateY(-50%)}.header[data-v-23c6b244] .icon-close:before{color:#eaeaea}.header[data-v-23c6b244] .icon-search:before{font-size:20px!important}.header[data-v-23c6b244] .base-input input{background-color:#141414;border:1px solid #141414;border-radius:8px;height:36px}.header[data-v-23c6b244] .base-input__wrap.focused input{border:1px solid #e04d53}.header[data-v-23c6b244] .game-item__thumb img{height:auto}.header .container-overlay[data-v-23c6b244]{background-color:red;bottom:0;left:0;position:fixed;right:0;top:89px;transition:all .1s}.main[data-v-53e47bed]{background:#141414;color:#353638;display:flex;flex-direction:column;min-height:100vh;width:100vw}.main .layout-content[data-v-53e47bed]{display:flex;flex:1;height:100%;position:relative;width:100%}.main .layout-content .page-content[data-v-53e47bed]{display:flex;flex:1;flex-direction:column;width:0}.main .layout-content .page-content.pl-0[data-v-53e47bed]{padding-left:0}.main .layout-content .page-content .content[data-v-53e47bed]{display:flex;flex:1;flex-direction:column;height:100%;width:100%}.main .layout-content .page-content .content .overlay[data-v-53e47bed]{background-color:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1000}
