.header{--bg:var(--secColor);--logo:var(--logoImg);--btnLoginColor:var(--textMain);--btnRenewColor:var(--textMain);--balanceBg:#4a4a4a;--balanceColor:var(--textMain);--btnSeeColor:var(--textMain);background:var(--bg);height:var(--dHeaderH);padding:0 var(--mContainerPaddingY);position:fixed;top:0;width:100dvw;z-index:999}.header,.header .logoBlock{align-items:center;display:flex}.header .logoBlock{width:277px}.header .logoBlock .logo{display:block}.header .logoBlock .logoImg{aspect-ratio:810/200;background-image:var(--logo);background-repeat:no-repeat;height:30px}.header .logoBlock .btnSideMenu{align-items:center;background-color:var(--mainColor);border-radius:10px;display:flex;height:30px;justify-content:center;margin-left:auto;transition:all .5s;width:30px}.header .logoBlock .btnSideMenu .iconMask{--iconColor:#fff;--iconSize:12px;transition:all .5s}.header .logoBlock .btnSideMenu:hover{background-color:var(--hoverColor)}.header .logoBlock .btnSideMenu.activeHide .iconMask{transform:rotateY(180deg);transition:all .5s}.header .funcBox{align-items:center;display:flex;margin-left:auto;padding-right:20px}.header .memberBtns{display:flex}.header .memberBtns a{align-items:center;border-radius:5px;display:flex;font-size:13px;font-weight:600;justify-content:center;width:78px}.header .memberBtns a+a{margin-left:10px}.header .btnLogin{color:var(--btnLoginColor)}.header .btnService,.header .btnUserMenu{--btnH:30px;aspect-ratio:1/1;margin-left:15px}.header .btnService .iconMask,.header .btnUserMenu .iconMask{--iconColor:#fff}.header .btnService .iconMask{--iconSize:18px}.header .btnUserMenu .iconMask{--iconSize:16px}.header .btnRenewWallet{align-items:center;display:flex;height:30px;width:30px}.header .btnRenewWallet .iconMask{--iconSize:16px;--iconColor:var(--btnRenewColor)}.header .walletInfo{align-items:center;background:var(--balanceBg);border-radius:9999px;display:flex;height:30px;margin-left:5px;padding:10px}.header .walletInfo .icon{align-items:center;aspect-ratio:1/1;background:#269b83;border-radius:50%;display:flex;justify-content:center;width:18px}.header .walletInfo .icon .iconMask{--iconSize:11px;--iconColor:#fff}.header .walletInfo .balance{color:var(--balanceColor);font-size:16px;font-weight:700;margin:0 10px}.header .walletInfo .btnSee .iconMask{--iconSize:15px;--iconColor:var(--btnSeeColor)}.header .memberMenuBox{height:100dvh;position:fixed;right:0;top:var(--dHeaderH);width:360px;z-index:1000}.header .memberMenuBox:not(.show){opacity:0;pointer-events:none;transition:opacity .4s .4s,z-index 1ms .8s;z-index:-99999}.header .memberMenuBox:not(.show) .headerMemberMenu{transform:translate(100%);transition:transform .4s 0s}.header .memberMenuBox .coverBg{background:#00000080;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .4s .1ms;width:100%}.header .memberMenuBox .headerMemberMenu{max-height:calc(100dvh - var(--dHeaderH));max-width:360px;position:absolute;right:0;top:0;transition:transform .4s 1ms;width:100%}.header .memberMenuBox .headerMemberMenu .menuLinks{overflow:auto}.header .memberMenuBox .headerMemberMenu .menuLinks .linkItem{transition:all .5s}.header .memberMenuBox .headerMemberMenu .menuLinks .linkItem:hover{background:var(--defaultBlue)}.header .memberMenuBox .headerMemberMenu .menuLinks .linkItem:hover .iconMask,.header .memberMenuBox .headerMemberMenu .menuLinks .linkItem:hover .iconSymbol{--iconColor:#fff}.header .memberMenuBox .headerMemberMenu .btnClose i{transition:all .5s}.header .memberMenuBox .headerMemberMenu .btnClose i:hover{--iconColor:var(--mainColor)}.header .memberMenuBox .headerMemberMenu .btnDefault.btnGradient{transition:all .5s}.header .memberMenuBox .headerMemberMenu .btnDefault.btnGradient:hover{opacity:.8}.desktop .btnLogin{transition:all .5s}.desktop .btnLogin:hover{color:var(--mainColor)}.desktop .cModalMfaStep .downloadBtns button,.desktop .cModalMfaStep .stepBtnBox button{transition:all .5s}.desktop .cModalMfaStep .downloadBtns button:hover,.desktop .cModalMfaStep .stepBtnBox button:hover{background-color:var(--mainColor);color:#000}.desktop .cModalMfaStep .downloadBtns button:hover i,.desktop .cModalMfaStep .stepBtnBox button:hover i{--iconColor:#000}.day .header{--balanceBg:#ccc}footer{--footerLinksBg:url(./footer-dark-biticon.CCrDaKZx.webp);color:var(--textMain);width:100%}.footerLinks{background:var(--secColor) var(--footerLinksBg) right bottom no-repeat;background-size:570px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:1.5;margin-top:20px;padding:40px 400px 40px 40px}@media (min-width:1480px) and (max-width:1599px){.footerLinks{background-size:530px;padding-right:360px}}@media (min-width:1200px) and (max-width:1479px){.footerLinks{background-size:490px;padding-right:320px}}.footerLinks .link-column{flex:1;margin-right:20px;max-width:150px}@media (min-width:1200px) and (max-width:1479px){.footerLinks .link-column{margin-right:10px}}.footerLinks .link-column .footerLinksTitle{border-left:2px solid var(--mainColor);font-size:16px;font-weight:700;height:20px;line-height:1;margin-bottom:10px;padding-left:5px;position:relative}.footerLinks .link-column .footerLinksList{list-style:none;padding:0}.footerLinks .link-column .footerLinksList .footerLinksListItem{margin-bottom:5px}.footerLinks .link-column .footerLinksList .footerLinksListItem .footerLinksListItemLink{color:var(--textMain);font-size:14px;opacity:.6;text-align:left;text-decoration:none;transition:all .5s}.footerLinks .link-column .footerLinksList .footerLinksListItem .footerLinksListItemLink:hover{opacity:1}.footer{background-color:var(--secColor);border-radius:10px;font-size:12px;line-height:1.5;margin-top:20px;padding:40px}.footer .footerTop{align-items:center;display:flex}.footer .footerTop .iconMask{--iconColor:#fff}.footer .footerTop .footerLogo{aspect-ratio:810/200;display:block;height:30px}.footer .footerTop .footerLogo .footerLogoImg{background:var(--logoImg) left top no-repeat;background-size:contain;height:100%;width:100%}.footer .footerTop .licenseBox{border-left:1px solid #969696;margin-left:25px;padding-left:10px}.footer .footerTop .footerTxt{margin-left:10px}.footer .footerTop .footerTxt .footerTxt2{font-size:14px}.footer .footerTop .socialLink{margin-left:auto}.footer .footerTop .socialLink .socialLinkList{align-items:center;display:flex;justify-content:space-between;width:100px}.footer .footerTop .socialLink .socialLinkItem{display:block;height:20px;opacity:.6;transition:all .5s;width:20px}.footer .footerTop .socialLink .socialLinkItem:hover{opacity:1}.footer .footerContent{color:var(--textMain);margin-top:20px}.copyRight{align-items:center;display:flex;font-size:12px;height:60px;justify-content:center;text-align:center}.day footer{--secColor:#ddd;--footerLinksBg:url(./footer-light-biticon.D4mkbSSF.webp)}.day footer .footerTop .iconMask{--iconColor:#000}
