.desktop .modalRegisterHeader{margin-bottom:-1px;position:relative}.desktop .modalRegisterBtnClose{align-items:center;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .5s;width:40px;z-index:1}.desktop .modalRegisterBtnClose .iconMask{transition:all .5s;--iconColor:#969696;--iconSize:14px}.desktop .modalRegisterBtnClose:hover{opacity:.65}.desktop .modalRegisterBtnClose:hover .iconMask{transform:rotate(-180deg);--iconColor:#969696}.desktop .modalRegisterBody{align-items:stretch;background-color:var(--bgColor);border-radius:10px;display:flex;justify-content:center;max-height:80vh;overflow:hidden;padding:0;text-align:initial;width:782px}.desktop .modalRegisterMenu{--logo:var(--logoImgWhiteW);align-items:center;background:url(./register-left.D6aE04ll.webp) bottom no-repeat;background-size:100%;display:flex;flex-direction:column;justify-content:center;padding:30px;width:250px}.desktop .modalRegisterMenu .logoImg{aspect-ratio:810/200;background-image:var(--logo);background-repeat:no-repeat;height:36px}.desktop .modalRegisterMenu .registerText{color:#fff;font-size:16px;font-weight:600;margin:15px 0 20px}.desktop .modalRegisterMenu .btnOutlineDefault{padding:18px 46px;transition:all .5s}.desktop .modalRegisterMenu .btnOutlineDefault:hover{background-color:var(--mainColor);color:#000}.desktop .modalRegisterBodyContent{--scrollbarTrackBg:var(--thirdColor);--scrollbarThumbBg:var(--mainColor);flex:1;overflow-y:auto;padding:40px;position:relative}.desktop .modalRegisterBodyContent::-webkit-scrollbar{background:transparent;width:4px}.desktop .modalRegisterBodyContent::-webkit-scrollbar-track{background:var(--scrollbarTrackBg)}.desktop .modalRegisterBodyContent::-webkit-scrollbar-thumb{background:var(--scrollbarThumbBg);border-radius:10px}.desktop .modalLogin .modalRegisterBodyContent{padding-top:140px}.desktop .modalLogin .modalRegisterBodyContent .loginForm{margin-top:30px}.desktop .loginBanner{--bannerBg:linear-gradient(90deg,rgba(42,69,88,0),#2a4558);align-items:center;display:flex;height:140px;justify-content:center;position:absolute;right:0;top:0;width:100%}.desktop .loginBanner:before{background:var(--bannerBg);content:"";height:100%;position:absolute;width:100%}.desktop .loginBanner .text{color:#fff;font-size:30px;font-weight:600;position:relative;width:140px}.desktop .loginBanner .large{font-size:46px}.desktop .loginBanner .colorMain{color:var(--mainColor)}.desktop .loginBanner .bannerImg{height:130px;margin-left:10px;margin-top:10px;position:relative}.desktop .btnItem{transition:all .5s}.desktop .btnItem:hover{--btnBg:#666;--btnTextColor:#000}.desktop .btnAdd,.desktop .btnAdd .text{transition:all .5s}.desktop .btnAdd:hover .text{color:#000}.desktop.day .modalRegisterBody{--scrollbarTrackBg:#ddd}.desktop.day .btnItem:hover{--btnBg:#ddd}
