.header-wrapper_d{height:72px}.header_page_d{position:fixed;top:0;z-index:999;background-color:var(--header-background);left:0;right:0;border-bottom:1px solid var(--foreground)}.header_page_d .header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:12px 96px}.header_page_d .header .logo{flex-shrink:0;width:48px;height:48px}.header_page_d .header .logo a{display:block;width:100%;height:100%}.header_page_d .header .logo a svg{width:100%;height:100%;fill:var(--header-text)}.header_page_d .header .navigation-menu{display:flex;gap:16px;align-items:center;justify-content:flex-end}.header_page_d .header .navigation-menu:has(.search-container.expanded) .nav-item:not(.search-trigger){display:none}.header_page_d .header .navigation-menu:has(.search-container.expanded) .theme-toggle-header,.header_page_d .header .navigation-menu:has(.search-container.expanded) .user-avatar-container{display:none}.header_page_d .header .navigation-menu:has(.search-container.expanded) .button-primary,.header_page_d .header .navigation-menu:has(.search-container.expanded) .button-secondary{display:none}.header_page_d .header .navigation-menu:has(.search-container.expanded) .search-container.expanded .button-secondary{display:block}.header_page_d .header .navigation-menu .theme-toggle-header{margin:0 8px}.header_page_d .header .navigation-menu .nav-item{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:8px 16px;border-radius:99px;transition:all .3s ease;cursor:pointer}.header_page_d .header .navigation-menu .nav-item.active{background:var(--bg-fill-primary-selected)}.header_page_d .header .navigation-menu .nav-item.active .nav-text{color:var(--text-brand-primary);font-weight:600}.header_page_d .header .navigation-menu .nav-item.active svg path{fill:var(--text-brand-primary)}.header_page_d .header .navigation-menu .nav-item.active:hover{background:var(--bg-fill-primary-selected)}.header_page_d .header .navigation-menu .nav-item.active:hover .nav-text{color:var(--text-brand-primary)}.header_page_d .header .navigation-menu .nav-item.active:hover svg path{fill:var(--text-brand-primary)}.header_page_d .header .navigation-menu .nav-item .nav-link{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;text-decoration:none;color:inherit;width:100%;height:100%}.header_page_d .header .navigation-menu .nav-item svg path{fill:#fff}.header_page_d .header .navigation-menu .nav-item:hover{background-color:hsla(0,0%,100%,.1)}.header_page_d .header .navigation-menu .nav-item:hover .nav-text{color:#f5f7fb}.header_page_d .header .navigation-menu .nav-item:hover .nav-icon svg{fill:#f5f7fb}.header_page_d .header .navigation-menu .nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.header_page_d .header .navigation-menu .nav-item .nav-icon svg{width:100%;height:100%;fill:#f5f7fb;transition:all .3s ease}.header_page_d .header .navigation-menu .nav-item .nav-text{font-family:Source Sans\ 3,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#f5f7fb;white-space:nowrap}.header_page_d .header .navigation-menu .search-container{position:relative;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.header_page_d .header .navigation-menu .search-container.expanded{min-width:400px;max-width:400px}.header_page_d .header .navigation-menu .search-container .search-trigger{opacity:1;transform:scale(1);transition:all .3s ease}.header_page_d .header .navigation-menu .search-container .search-form{display:flex;gap:16px;align-items:center;width:100%;opacity:0;transform:translateX(20px);animation:slideInSearch .4s cubic-bezier(.4,0,.2,1) forwards}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper{position:relative;flex:1 1;display:flex;align-items:center;background-color:var(--bg-fill-secondary);border:1.5px solid var(--border-primary);border-radius:8px;padding:8px 12px;height:48px;transition:all .3s ease;color:var(--text-primary)}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper:active,.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper:focus,.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper:focus-within{border-color:var(--border-brand-primary)}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper svg{width:20px;height:20px;margin-right:8px;flex-shrink:0}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper svg path{fill:var(--text-primary)}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper .search-input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-family:Source Sans\ 3,sans-serif;font-size:16px;line-height:24px;width:100%;height:100%}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper .search-input::placeholder{color:var(--text-primary)}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper .close-search-btn{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.header_page_d .header .navigation-menu .search-container .search-form .search-input-wrapper .close-search-btn:hover{background-color:rgba(22,36,85,.1)}.header_page_d .header .navigation-menu .avatar-loading{width:48px;height:48px}.header_page_d .header .navigation-menu .user-avatar-container{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border-radius:50%;padding:4px}.header_page_d .header .navigation-menu .user-avatar-container:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.05)}.header_page_d .header .navigation-menu .user-avatar-container .user-avatar{border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all .3s ease}.header_page_d .header .navigation-menu .user-avatar-container .user-avatar:hover{border-color:#4586f9}.header_page_d .user-avatar-wrapper{position:relative}.header_page_d .profile-desktop-wrapper{width:0;display:none}.header_page_d .profile-desktop-wrapper.active{display:block}@keyframes slideInSearch{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.header_page_d .header{padding:12px 24px}.header_page_d .header .navigation-menu .search-container.expanded{min-width:280px;max-width:280px}}.profile-login-desktop-wrapper{position:absolute;top:51px;right:0}.profile-login-desktop-wrapper .profile-login-desktop{background:var(--bg-fill-brand-primary-light);border-radius:12px;width:320px}.profile-login-desktop-wrapper .profile-login-desktop .user-header{display:flex;justify-content:space-between;padding:20px 16px 0}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info{margin:auto;display:flex;align-items:center;gap:16px;width:100%}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex{flex:1 1}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .user-name{font-size:18px;font-weight:700;line-height:24px;color:var(--text-primary);margin-bottom:7px;cursor:pointer;width:-moz-fit-content;width:fit-content}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar{height:8px;background-color:#171818}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar .lever-line{height:100%;display:block}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content{padding:8px 0 0}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content .lever-number{font-size:14px;font-weight:400;line-height:20px;padding:1px 6px;display:flex;align-items:center;justify-content:center;border-radius:99px;border:1px solid #4586f9;background:var(--bg-fill-secondary);color:var(--text-primary)}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content .lever-exp-label{font-size:14px;font-weight:400;line-height:20px;color:var(--text-positive-secondary);font-weight:700}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content .lever-exp-label span{color:var(--text-primary)}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info img{width:100%;height:100%;object-fit:cover;border-radius:50%;width:72px;height:72px;cursor:pointer}.profile-login-desktop-wrapper .profile-login-desktop .user-header-info .box-game-user-name{font-size:1.2rem;font-weight:700;line-height:1.5rem}.profile-login-desktop-wrapper .profile-login-desktop .rofile-header-button-close{cursor:pointer;height:-moz-fit-content;height:fit-content}.profile-login-desktop-wrapper .profile-login-desktop .rofile-header-button-close svg{width:14px;height:14px}.profile-login-desktop-wrapper .profile-login-desktop .rofile-header-button-close svg path{fill:var(--text-primary)}.profile-login-desktop-wrapper .profile-login-desktop .user-body{padding:20px 19px;max-width:33.2rem;margin:auto}.profile-login-desktop-wrapper .profile-login-desktop .user-body .box-game-wrapper-desktop{margin-bottom:20px}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-page{font-size:16px;line-height:24px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;display:block;color:var(--text-primary);display:flex;align-items:center;padding:12px 8px;gap:8px;cursor:pointer}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-page.border-b{border-bottom:1px solid var(--divider-secondary-dark)}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-page.red-color{color:var(--text-negative-secondary)}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-page.red-color svg path{fill:var(--text-negative-secondary)}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-page svg path{fill:var(--text-primary)}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-logout{font-size:1.2rem;font-weight:400;line-height:1.8rem;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background:transparent;border:none;outline:none;color:#fff;margin-top:1.2rem;width:100%;cursor:pointer}.profile-login-desktop-wrapper .profile-login-desktop .user-body .btn-logout:active{color:#ffe420}.logout-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.logout-popup-overlay .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);cursor:pointer}.logout-popup-overlay .alert-popup{position:relative;background-color:var(--bg-surface-white);border-radius:8px;box-shadow:0 2px 6px 0 rgba(16,24,40,.06);width:400px;max-width:400px;min-width:400px;overflow:hidden;z-index:1001}.logout-popup-overlay .alert-popup .popup-title{background-color:var(--bg-surface-white);display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 24px;position:relative;width:100%}.logout-popup-overlay .alert-popup .popup-title .text{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.logout-popup-overlay .alert-popup .popup-title .text .title{font-family:Source Sans\ 3,sans-serif;font-weight:600;font-size:18px;line-height:24px;color:var(--text-primary);width:100%}.logout-popup-overlay .alert-popup .popup-title .divider{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--divider-primary)}.logout-popup-overlay .alert-popup .popup-title .icon-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.logout-popup-overlay .alert-popup .popup-title .icon-button svg{width:20px;height:20px}.logout-popup-overlay .alert-popup .popup-title .icon-button svg path{fill:var(--text-primary)}.logout-popup-overlay .alert-popup .content{padding:24px;display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.logout-popup-overlay .alert-popup .content .popup-base{flex:1 1;display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.logout-popup-overlay .alert-popup .content .popup-base .description{font-family:Source Sans\ 3,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--text-primary);text-align:left}.logout-popup-overlay .alert-popup .content .popup-base .description .highlight{font-family:Source Sans\ 3,sans-serif;font-weight:600;font-size:16px;line-height:24px}.logout-popup-overlay .alert-popup .button-group{background-color:var(--bg-surface-white);display:flex;flex-direction:column;gap:16px;align-items:flex-end;justify-content:center;padding:12px 24px;width:100%}.logout-popup-overlay .alert-popup .button-group .btn{display:flex;gap:12px;align-items:center;justify-content:flex-end;width:100%}.logout-popup-overlay .alert-popup .button-group .btn .btn-secondary{background-color:#fff;border:1px solid #d8dde5;border-radius:8px;height:36px;min-width:64px;padding:0 12px;font-family:Source Sans\ 3,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#162455;cursor:pointer;transition:all .2s ease}.logout-popup-overlay .alert-popup .button-group .btn .btn-secondary:hover{background-color:#f8f9fa;border-color:#c1c7d0}.logout-popup-overlay .alert-popup .button-group .btn .btn-primary{background-color:#f73c58;border:1px solid #f73c58;border-radius:8px;height:36px;min-width:64px;padding:0 12px;font-family:Source Sans\ 3,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#f5f7fb;cursor:pointer;transition:all .2s ease}.logout-popup-overlay .alert-popup .button-group .btn .btn-primary:hover{background-color:#e62e4a;border-color:#e62e4a}