.more-list-container{z-index:1;background:#3e4450;width:200px;height:calc(100dvh - 40px);padding-top:20px;padding-bottom:20px;transition:all .2s;position:absolute;top:0;right:-200px;overflow:hidden scroll}.more-list-container::-webkit-scrollbar{width:2px}.more-list-container::-webkit-scrollbar-track{background:#fff1}.more-list-container::-webkit-scrollbar-thumb{background:#7cdcff54}.more-list-container .item-container{opacity:0;background:0 0;justify-content:flex-start;align-items:center;width:100%;height:70px;padding:0 10px;transition:all .2s ease-in-out .2s;display:flex}.more-list-container .item-container .item-label{font-size:12px}.more-list-container.show-more{right:0}.more-list-container.show-more .item-container{opacity:1}
.cash-list-container{z-index:1;background:#3e4450;width:160px;height:calc(100dvh - 40px);padding-top:15px;padding-bottom:15px;transition:all .2s;position:absolute;top:0;right:-200px;overflow-x:hidden}.cash-list-container::-webkit-scrollbar{width:2px}.cash-list-container::-webkit-scrollbar-track{background:#fff1}.cash-list-container::-webkit-scrollbar-thumb{background:#7cdcff54}.cash-list-container .item-container{opacity:0;background:0 0;justify-content:flex-start;align-items:center;width:100%;height:64px;padding:0 10px;transition:all .2s ease-in-out .2s;display:flex}.cash-list-container .item-container .item-label{font-size:12px}.cash-list-container.show-cash{right:0}.cash-list-container.show-cash .item-container{opacity:1}
.profile-overlay{transition:all .5s;display:block;position:absolute;top:40px;left:0;right:0;transform:translateY(calc(-100dvh - 40px))}.profile-overlay.show-profile .profile-overlay-item{color:#fff;background-color:var(--ZxxBet--background-neutral-tertiary);display:block}.profile-overlay.show-profile .profile-overlay-details{display:block}.profile-overlay.show-profile{transition:all .5s;transform:translateY(0)}.profile-overlay-item{color:#fff;z-index:11;padding:10px 0 10px 20px;font-size:12px;display:block}.profile-overlay-item:not(:last-child){border-bottom:1px solid var(--ZxxBet--greyscale--20)}.profile-overlay-details{text-align:center;z-index:110;background:linear-gradient(#292e38,#000);width:100%;padding-top:30px;padding-bottom:30px;display:block;position:relative}.profile-overlay-details-edit{cursor:pointer;z-index:111;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:30px;right:20px}.profile-overlay-details-edit img{filter:brightness(100);width:20px;height:20px;padding:4px}.profile-overlay-details-picture{justify-content:center;display:flex;position:relative}.profile-overlay-details-picture input[type=file]{display:none}.profile-overlay-details-picture--overlay{background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:0 20px;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-overlay-details-divider{background:#1e1e1e;width:90%;height:2px;margin:20px auto}.profile-overlay-details--username{margin:0}.profile-overlay-details--nickname-wrapper .error-message{color:red;margin-top:5px;font-size:11px}.profile-overlay-details--nickname{justify-content:center;align-items:center;gap:10px;margin-top:5px;margin-left:30px;display:flex;position:relative}.profile-overlay-details--nickname-save{background:0 0;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:11px;display:flex}.profile-overlay-details--nickname-save[disabled]{background:gray;border-color:gray}.profile-overlay-details--nickname-save[disabled] img{filter:brightness()}.profile-overlay-details--nickname-save img{width:15px;height:15px}.profile-overlay-details--nickname--input{text-align:center;background:0 0;border:1px solid #fff;border-radius:5px;padding:10px;font-size:11px}.profile-overlay-details--nickname--text{color:#ea23a7;margin:5px 0;font-size:25px}.profile-overlay-details--username{color:#fff;margin-top:5px}.profile-overlay-details-info{justify-content:center;align-items:center;gap:20px;display:flex}.profile-overlay-details-info--value,.profile-overlay-details-info--label{margin:0}.profile-overlay-details-info-wrapper{text-align:center}.profile-overlay-details-info--value{color:#ea23a7;font-size:13px}.profile-overlay-details-info--label{color:#c20081;margin-top:10px;font-size:10px}.profile-overlay-details .profile-picture img,.profile-overlay-details .logout img{width:100%}.profile-overlay-details .profile-picture{-o-object-fit:cover;object-fit:cover;border-radius:100%;width:100px;height:100px;display:block;overflow:hidden}.profile-overlay-details .logout{-o-object-fit:contain;object-fit:contain;filter:invert();width:14px;height:14px;position:absolute;bottom:100px;right:20px}.close-profile-layer{width:100%;height:100dvh;position:absolute}.close-layer-none{display:none}
.NotificationLatest{z-index:1;width:clamp(320px,100vw,768px);margin-right:10px;transition:all .5s;position:absolute;left:0;transform:translateY(-1000px)}.NotificationLatest.show{transform:translateY(0)}.NotificationLatest.show .notification-list{position:relative}.NotificationLatest .notification-list{background:var(--ZxxBet--background-neutral-primary);width:100%;padding:0 10px;position:absolute;right:0;overflow-y:auto}.NotificationLatest .notification-list::-webkit-scrollbar{display:none}.NotificationLatest .notification-list .notification-item-container{height:300px;overflow:auto}.NotificationLatest .notification-list .notification-item-container::-webkit-scrollbar{display:none}.NotificationLatest .notification-list .notification-item-container .notification-item{align-items:center;gap:10px;padding:5px;display:flex}.NotificationLatest .notification-list .notification-item-container .notification-item .swipeable-layer{position:absolute;inset:0}.NotificationLatest .notification-list .notification-item-container .notification-item:not(:last-child){border-bottom:1px solid #aaa}.NotificationLatest .notification-list .notification-item-container .notification-item-image-container{border-radius:100%;width:20px;height:20px;box-shadow:0 1px 0 1px #388bb940,0 -1px 0 1px #a95e6d40,1px 0 0 1px #388bb940,-1px 0 0 1px #a95e6d40,1px -1px 0 1px #71759380,-1px 1px 0 1px #71759380,1px 1px 0 1px #00a1dfbf,-1px -1px 0 1px #e14847bf}.NotificationLatest .notification-list .notification-item-container .notification-item-image-container img{border-radius:inherit}.NotificationLatest .notification-list .notification-item-container .notification-item-text{font-size:11px}.NotificationLatest .notification-list .notification-item-container .notification-item-text--date-time{color:#b7b7b7}.NotificationLatest .notification-list .see-more{color:#fff;text-align:center;background:var(--ZxxBet--background-brand-orange-primary);justify-content:center;align-items:center;width:100%;height:40px;font-size:11px;display:flex}.NotificationLatest .notification-list .notification-box-action{color:#fff;text-align:center;background:var(--ZxxBet--background-neutral-secondary);justify-content:center;align-items:center;width:100%;height:40px;font-size:11px;display:flex}.NotificationLatest .notification-list .notification-reward-summary{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.NotificationLatest .notification-list .notification-reward-summary .reward-item{text-align:center;flex-direction:column;align-items:center;display:flex}.NotificationLatest .notification-list .notification-reward-summary .reward-item img{cursor:pointer;width:15px;height:15px}
#header{background:var(--ZxxBet--background-neutral-secondary);z-index:100;height:40px;padding-left:6px;position:sticky;top:0;bottom:0}#header.expand{height:auto}#header #header-nav{z-index:100;justify-content:space-between;align-items:center;display:flex;position:relative}#header #header-nav .left-nav-part{align-items:center;display:flex}#header #header-nav .menu,#header #header-nav .logo,#header #header-nav .profile{cursor:pointer;justify-content:center;align-items:center;height:40px;display:flex}#header #header-nav .menu img,#header #header-nav .logo img,#header #header-nav .profile img{-o-object-fit:scale-down;object-fit:scale-down}#header #header-nav .menu{z-index:20;flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}#header #header-nav .menu .hamburger{--size:36px;--thickness:1px;--gap:6px;--color:#fff;--duration:.2s;width:var(--size);height:var(--size);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}#header #header-nav .menu .hamburger:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #fbbf24}#header #header-nav .menu .hamburger .hamburger__bar{height:var(--thickness);background:var(--color);transition:transform var(--duration)cubic-bezier(.2,.8,.2,1),opacity var(--duration)linear,width var(--duration)cubic-bezier(.2,.8,.2,1);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}#header #header-nav .menu .hamburger .hamburger__bar:first-child{top:calc(50% - var(--gap) - var(--thickness));width:calc(100% - 12px)}#header #header-nav .menu .hamburger .hamburger__bar:nth-child(2){width:calc(100% - 12px);top:50%;transform:translate(-50%,-50%)}#header #header-nav .menu .hamburger .hamburger__bar:nth-child(3){bottom:calc(50% - var(--gap) - var(--thickness));width:calc(100% - 12px)}#header #header-nav .menu .hamburger.active .hamburger__bar:first-child,#header #header-nav .menu .hamburger.is-open .hamburger__bar:first-child{top:50%;transform:translate(-50%,-50%)rotate(45deg)}#header #header-nav .menu .hamburger.active .hamburger__bar:nth-child(2),#header #header-nav .menu .hamburger.is-open .hamburger__bar:nth-child(2){opacity:0;width:0%}#header #header-nav .menu .hamburger.active .hamburger__bar:nth-child(3),#header #header-nav .menu .hamburger.is-open .hamburger__bar:nth-child(3){top:50%;bottom:auto;transform:translate(-50%,-50%)rotate(-45deg)}@media (prefers-reduced-motion:reduce){#header #header-nav .menu .hamburger .hamburger__bar{transition:none}}#header #header-nav .menu .backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0002;width:min(100vw,768px);position:fixed;inset:40px 0 0 50%;transform:translate(-50%)}#header #header-nav .menu img{filter:grayscale()brightness(2);height:40px;padding:10px;transition:all .3s}#header #header-nav .menu img.active{filter:brightness(0)saturate()invert(22%)sepia(72%)saturate(2200%)hue-rotate(305deg)brightness()contrast();transition:all .3s}#header #header-nav .logo{justify-content:center;align-items:center;margin-left:40px;display:flex}#header #header-nav .logo img{background-repeat:no-repeat;height:40px;padding:10px;display:block}#header #header-nav .profile{flex-shrink:0;justify-content:flex-end;width:80px;height:40px;display:flex}#header #header-nav .profile .notification-container{position:relative}#header #header-nav .profile .notification-container .notification-icon{filter:invert();width:40px;height:40px;margin-top:2px}#header #header-nav .profile .notification-container .notification-icon img{-o-object-fit:cover;object-fit:cover}#header #header-nav .profile .notification-container .notification-icon.wobble-hor-top{animation:.8s infinite both wobble-hor-top}@keyframes wobble-hor-top{0%,to{transform-origin:50%;transform:translate(0%)}15%{transform:translate(-3px)rotate(6deg)}30%{transform:translate(3px)rotate(-6deg)}45%{transform:translate(-3px)rotate(3.6deg)}60%{transform:translate(3px)rotate(-2.4deg)}75%{transform:translate(-2px)rotate(1.2deg)}}#header #header-nav .profile .notification-container .unread-count{background:red;border-radius:100%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;display:flex;position:absolute;top:10px;left:20px}#header #header-nav .profile .profile-icon,#header #header-nav .profile .notification-icon{filter:grayscale()brightness(2);height:40px;padding:8px}
#popup{z-index:20}#popup .popup-screen .popup-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:min(100vw,768px);transition:all .5s;animation:.3s linear forwards slideInPopupItem;position:absolute;top:40px;bottom:80px;left:50%;overflow-x:hidden}#popup .popup-screen .popup-item::-webkit-scrollbar{width:0;display:none}@keyframes slideInPopupItem{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}