.web-sidebar-container{background-color:#15141a;border-right:1px solid #2f2f2f;width:85px;transition:all .2s ease-in-out}@media screen and (max-width:767.98px){.web-sidebar-container{display:none}}.web-sidebar-container.isOpen{width:180px}.web-sidebar-container.isOpen .menu-item{justify-content:start!important}.web-sidebar-container.isOpen .menu-item p{display:block!important}.web-sidebar-container.isOpen .toggle-icon-container{justify-content:end}.web-sidebar-container .toggle-icon-container{justify-content:center;display:flex}.web-sidebar-container .login-link{color:#15141a;text-align:center;background:linear-gradient(#916324 3.54%,#e5c263f1 20.96%,#e4c86f 27.48%,#f2e6c1 49.65%,#e4c86f 78.95%,#916324 96.51%);border-radius:4px;padding:8px 6px;font-size:10px;font-weight:600}.web-sidebar-container .signup-link{color:#fff;text-align:center;border:1px solid #916324;border-radius:4px;padding:8px 6px;font-size:10px;font-weight:600}.web-sidebar-container .break-line{border:1px solid #4e4e4e}.web-sidebar-container .side-menu-container{flex-direction:column;flex-grow:1;gap:8px;transition:all .2s;display:flex}.web-sidebar-container .side-menu-container .menu-item{border-radius:8px;justify-content:center;gap:11px;padding:8px 15px;display:flex}.web-sidebar-container .side-menu-container .menu-item svg{flex-shrink:0}.web-sidebar-container .side-menu-container .menu-item p{word-wrap:normal;font-weight:500;display:none;overflow:hidden}.web-sidebar-container .side-menu-container .menu-item.active{color:#e8a52a;background:#b6b6b81a}.web-sidebar-container .side-menu-container .menu-item:hover{background:#b6b6b81a}.web-sidebar-container .theme-switch{background:#64646466;border:.62px solid #646464;border-radius:62px;position:relative}.web-sidebar-container .theme-switch span{background:#e4c86f}.web-sidebar-container .theme-switch .sun-icon{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.web-header-wrapper{z-index:100;background-color:#15141a;border-bottom:1px solid #2f2f2f;position:sticky;top:0}.wallet-balance-container{flex-grow:1;justify-content:center;align-items:center;gap:10px;display:flex}@media screen and (max-width:767.98px){.wallet-balance-container{gap:5px}}.wallet-balance-container .wallet-balance-item-wrapper{background:linear-gradient(265.14deg,#e8a52a00 18.03%,#e5c26333 33.81%,#e4c86f4d 39.72%,#e3d9ba80 59.81%,#e4c86f80 86.36%,#e8a52a 102.27%);border-radius:80px;padding:2px;overflow:hidden}@media screen and (max-width:767.98px){.wallet-balance-container .wallet-balance-item-wrapper{padding:1px}}.wallet-balance-container .wallet-balance-item-wrapper.active{background:0 0;padding:0}.wallet-balance-container .wallet-balance-item{background:#15141a;border-radius:78px;align-items:center;gap:5px;height:32px;padding:0 15px 0 5px;display:flex}@media screen and (max-width:767.98px){.wallet-balance-container .wallet-balance-item{gap:2px;height:28px;padding:0 8px 0 0}}.wallet-balance-container .wallet-balance-item img{width:24px;height:24px}.wallet-balance-container .wallet-balance-item span{font-size:12px}@media screen and (max-width:767.98px){.wallet-balance-container .wallet-balance-item span{font-size:10px}}.wallet-balance-container .wallet-balance-item.active{color:#15141a;background:linear-gradient(#e8a52ab3 0%,#e5c263f1 18.73%,#e4c86f 25.75%,#e3d9ba 49.6%,#e4c86f 81.12%,#e8a52a 100%);height:34px}@media screen and (max-width:767.98px){.wallet-balance-container .wallet-balance-item.active{height:30px}}.web-header-container{max-width:var(--containerWidth);justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:11px 24px;display:flex}@media screen and (max-width:991.98px){.web-header-container{padding:10px 16px}}.web-header-container .logo-link-section{flex-grow:1;align-items:center;gap:24px;display:flex}@media screen and (max-width:767.98px){.web-header-container .logo-link-section{gap:8px}}.web-header-container .logo-link{flex-shrink:0}.web-header-container .logo-link img{width:150px;height:auto}@media screen and (max-width:767.98px){.web-header-container .logo-link img{width:80px}}.web-header-container .login-button-container{display:none}@media screen and (max-width:767.98px){.web-header-container .login-button-container{flex-grow:1;justify-content:flex-end;gap:8px;display:flex}}.web-header-container .login-button-container .login-link{color:#15141a;text-align:center;background:linear-gradient(#916324 3.54%,#e5c263f1 20.96%,#e4c86f 27.48%,#f2e6c1 49.65%,#e4c86f 78.95%,#916324 96.51%);border-radius:4px;flex-grow:1;max-width:77px;padding:6px;font-size:12px;font-weight:600}.web-header-container .login-button-container .signup-link{color:#fff;text-align:center;border:1px solid #916324;border-radius:4px;flex-grow:1;max-width:77px;padding:6px;font-size:12px;font-weight:600}.web-header-container .search-bar{border:1px solid #e4c86f33;border-radius:6px;justify-content:center;padding-right:14px;display:flex}@media screen and (max-width:991.98px){.web-header-container .search-bar{display:none}}.web-header-container .search-bar input{background-color:#0000;padding:12px;font-size:12px}.web-header-container .nav-btns{justify-content:center;align-items:center;gap:10px;display:flex}@media screen and (max-width:767.98px){.web-header-container .nav-btns{gap:8px}}.web-header-container .nav-btns .logout-btn{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:44px;padding:10px 20px;display:flex}.web-header-container .nav-btns .nav-btn{background:#ffffff1a;border-radius:8px;padding:8px 10px}@media screen and (max-width:767.98px){.web-header-container .nav-btns .nav-btn{padding:6px}.web-header-container .nav-btns .nav-btn svg{width:16px;height:16px}}.mobile-footer-floating-menu{display:none}@media screen and (max-width:767.98px){.mobile-footer-floating-menu{z-index:9999;background-color:#15141a;justify-content:center;align-items:center;gap:20px;padding:10px;display:flex;position:sticky;bottom:0}.mobile-footer-floating-menu .tooltip-cnt{width:25%}.mobile-footer-floating-menu .menu-item{border-radius:8px;justify-content:center;gap:11px;height:40px;padding:8px;display:flex}.mobile-footer-floating-menu .menu-item svg{flex-shrink:0}.mobile-footer-floating-menu .menu-item p{word-wrap:normal;font-weight:600;display:none;overflow:hidden}.mobile-footer-floating-menu .menu-item.active{color:#e8a52a;background:#b6b6b81a}.mobile-footer-floating-menu .menu-item:hover{background:#b6b6b81a}}.user-profile-container{background:#fcfcfc1a;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:4px 10px;display:flex}.user-profile-container .rank-icon{width:34px;height:34px}@media screen and (max-width:767.98px){.user-profile-container .rank-icon{width:24px;height:24px}.user-profile-container .user-profile-details{display:none}}.user-profile-container .user-profile-details p{text-align:start;margin-bottom:4px;font-size:14px;font-weight:400}.user-profile-container .user-profile-details .rank-level-bar{background:#160f0a;border-radius:8px;min-width:49px;height:4px}.profile-links-container{z-index:9999;background-color:#15141a;border-radius:10px;width:100%;max-width:239px!important}.profile-links-container .profile-links-header{background:#ffffff0d;padding:16px 10px}@media screen and (max-width:767.98px){.profile-links-container .profile-links-header{padding:10px}}.profile-links-container .profile-links-header p{color:#fff;font-size:16px;font-weight:500}@media screen and (max-width:767.98px){.profile-links-container .profile-links-header p{font-size:14px}}.profile-links-container .profile-links-body{background:#15141a;flex-direction:column;gap:10px;padding:10px;display:flex}@media screen and (max-width:767.98px){.profile-links-container .profile-links-body{gap:8px;padding:6px}}.profile-links-container .profile-links-body .link-item{cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex}@media screen and (max-width:767.98px){.profile-links-container .profile-links-body .link-item{padding:8px;font-size:14px}}.profile-links-container .profile-links-body .link-item:hover{background:#ffffff0d}.custom-modal-body{background:#09090c;border:1px solid #ababab5e;border-radius:16px;padding:16px;position:relative}.custom-modal-body .close-btn{position:absolute;top:12px;right:12px}.custom-modal-body .search-modal-header{justify-content:space-between;display:flex}.custom-modal-body .search-modal-header h1{margin-bottom:20px;font-size:16px;font-weight:500}@media screen and (min-width:767.98px){.custom-modal-body .search-modal-header h1{margin-bottom:38px;font-size:22px}}.buy-package-terms-modal .back-btn{color:#b2b2b2;background:#15141a;border:1px solid #0000;border-radius:8px;width:100%;padding:8px 16px;font-size:16px;font-weight:500}.buy-package-terms-modal .back-btn:hover{background:#222224;border:1px solid #e4c86f33}.buy-package-terms-modal .confirm-btn{color:#15141a;background:#e4c86f;border-radius:8px;width:100%;padding:8px 16px;font-size:16px;font-weight:500}.buy-package-terms-modal .confirm-btn:hover{background:#fbd351;border:1px solid #e4c86f33}.search-modal-body{min-height:80vh}.search-modal-body .search-bar-container{flex-direction:column;gap:10px;display:flex}@media screen and (min-width:767.98px){.search-modal-body .search-bar-container{flex-direction:row}}.search-modal-body .search-bar-container .search-input{flex-grow:1;position:relative}.search-modal-body .search-bar-container .search-input input{background:0 0;border:1px solid #e4c86f33;border-radius:10px;width:100%;padding:8px 42px 8px 8px;font-size:12px}@media screen and (min-width:767.98px){.search-modal-body .search-bar-container .search-input input{padding:10px 42px 10px 10px;font-size:16px}}.search-modal-body .search-bar-container .search-input .search-btn{cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-modal-body .search-bar-container .search-filter-menu{flex-shrink:0;width:100%}@media screen and (min-width:767.98px){.search-modal-body .search-bar-container .search-filter-menu{width:auto}}.search-modal-body .search-bar-container .search-filter-menu .menu-button{background-color:#222224;border-radius:8px;align-items:center;gap:10px;width:100%;height:100%;padding:8px;font-size:12px;display:flex}@media screen and (min-width:767.98px){.search-modal-body .search-bar-container .search-filter-menu .menu-button{padding:10px;font-size:14px}}.search-modal-body .game-listing-container{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}@media screen and (min-width:767.98px){.search-modal-body .game-listing-container{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:20px}}@media screen and (min-width:1280px){.search-modal-body .game-listing-container{grid-template-columns:repeat(8,1fr);gap:20px;margin-top:35px}}.search-modal-body .game-listing-container .game-card{width:100%}.menu-items-container{background-color:#222224}