.block-game:hover{cursor:pointer}.block-game:hover .block-game-img img{box-shadow:4px 4px 0 0 var(--yellow)}.block-game:hover .block-game-content-title{color:var(--yellow)}.block-game .block-game-content{display:flex;flex-direction:column;gap:.4rem}.block-game .block-game-content-title{font-size:1.2rem;font-weight:700;line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.block-game .block-game-content-detail{width:-moz-fit-content;width:fit-content;font-size:1rem;line-height:1.3rem;text-decoration:underline;color:var(--grey-200)}.block-game .block-game-img{margin-bottom:.8rem;pointer-events:none}.block-game .block-game-img img{border-radius:1.2rem;object-fit:cover;width:100%;height:100%}.profile-box{width:calc(100% - 2rem);background-color:var(--dark-blue);box-shadow:0 -4px 4px 0 #000;border-top-left-radius:8px;border-top-right-radius:8px;opacity:0;visibility:hidden;position:fixed;bottom:5.8rem;z-index:99;padding-bottom:1rem}.profile-box.active{opacity:1;visibility:visible;transition:all .3s ease-in}.profile-box .rofile-header-button-close{cursor:pointer}.profile-box .profile-header{padding:1.2rem;border-bottom:1px solid var(--grey-200);display:flex;justify-content:space-between}.profile-box .profile-header .profile-header-info{display:flex;align-items:center;gap:1.8rem}.profile-box .profile-header .profile-header-info .user-avatar{width:4rem;height:4rem;object-fit:cover;object-position:center;border-radius:50%;background:#333}.profile-box .profile-header .profile-header-right{margin-right:1.2rem}.profile-box .profile-header .profile-header-right .profile-user-name{font-size:1.2rem;font-weight:700;line-height:1.5rem;color:#fff;text-transform:capitalize;margin-bottom:.4rem}.profile-box .profile-header .profile-header-right .profile-info{color:#fff;font-size:1rem;font-weight:400;line-height:1.2rem}.profile-box .rofile-body{width:70.9302325581%;margin:auto;padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem}.profile-box .sign-in .rofile-form{padding:1.2rem}.profile-box .sign-in .rofile-form .input-wrap{width:100%;margin-bottom:1.2rem}.profile-box .sign-in .rofile-form .input-wrap.error .input-lable{color:#ff7272}.profile-box .sign-in .rofile-form .input-wrap.error .input-outline{border-color:#ff7272}.profile-box .sign-in .rofile-form .input-wrap .input-lable{font-size:1.2rem;font-weight:700;line-height:1.5rem;color:#fff;margin-bottom:.8rem}.profile-box .sign-in .rofile-form .error-text{font-size:1.2rem;font-weight:400;line-height:1.5rem;text-align:center;margin-bottom:1.2rem;color:#ff7272;height:1.5rem}.profile-box .sign-in .rofile-form .descr-text{font-size:1.2rem;font-weight:400;line-height:1.5rem;text-align:center;color:#fff;margin:1.2rem 0}.profile-box .sign-in .rofile-form .checkbox-wrap{margin-bottom:1.2rem}.profile-box .profile-login .user-header{padding:1.2rem;border-bottom:1px solid var(--grey-200);display:flex;justify-content:space-between}.profile-box .profile-login .user-header-info{margin:auto;display:flex;align-items:center;gap:1.8rem;width:100%;padding:0 1.2rem;max-width:33.2rem}.profile-box .profile-login .user-header-info .user-flex{flex:1 1}.profile-box .profile-login .user-header-info .user-flex .user-name{font-size:1.2rem;font-weight:700;line-height:1.5rem;color:#fff;margin-bottom:.4rem;cursor:pointer;width:-moz-fit-content;width:fit-content}.profile-box .profile-login .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar{height:.6rem;background-color:#171818}.profile-box .profile-login .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar .lever-line{height:100%;display:block}.profile-box .profile-login .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content{padding:.4rem 0 0}.profile-box .profile-login .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content .lever-exp-label,.profile-box .profile-login .user-header-info .user-flex .lever-bar-wrap_mobile .lever-bar-content .lever-number{font-size:1rem;font-weight:400;line-height:1.2rem;color:#fff}.profile-box .profile-login .user-header-info img{width:100%;height:100%;object-fit:cover;border-radius:50%;width:4rem;height:4rem;cursor:pointer}.profile-box .profile-login .user-header-info .box-game-user-name{font-size:1.2rem;font-weight:700;line-height:1.5rem}.profile-box .profile-login .rofile-header-button-close{cursor:pointer;height:-moz-fit-content;height:fit-content}.profile-box .profile-login .user-body{padding:1.2rem;max-width:33.2rem;margin:auto}.profile-box .profile-login .user-body .btn-page{font-size:1.2rem;font-weight:700;line-height:1.8rem;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;display:block;margin-top:1.2rem}.profile-box .profile-login .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-box .profile-login .user-body .btn-logout:active{color:#ffe420}