body:has(.login-connect-container){min-height:100vh;background-color:var(--color-gray)}body:has(.login-connect-container) .main-content{margin:0!important;padding:0!important}body:has(.login-connect-container) .content-area{margin:0!important}.login-connect-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:20px;padding-bottom:20px;min-height:100vh;--col1-width:500px;padding-left:0!important}.login-connect-container .content{width:100%;padding-left:20px;padding-right:20px;max-width:1300px;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}.login-connect-container .col1,.login-connect-container .col2{border-radius:20px}.login-connect-container .col1{background-color:#fff;position:relative;padding:32px 40px 40px;width:var(--col1-width);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:500px;max-height:90vh;overflow-y:auto}.login-connect-container .logo-holder{height:60px;min-height:60px;width:60px;display:block;border-radius:50%;position:relative;overflow:hidden;margin-right:auto;border:1.2px solid #000}.login-connect-container .logo{height:64px;width:64px;object-fit:contain;position:absolute;margin:auto;display:block;left:-4px;right:-3px;top:-3px;bottom:-3px}.login-connect-container .main-title{font-optical-sizing:auto;font-style:normal;font-size:42px;line-height:1.4;letter-spacing:2px;font-weight:700;text-align:center;color:#000;margin:30px 0 10px;display:none}.login-connect-container .main-title.show{display:block}.login-connect-container .text-description{text-align:center;margin-bottom:15px;max-width:340px;color:var(--color-blue-dark);font-size:16px}.login-connect-container .btn{--main-btn-color:#000;--main-btn-sec-color:#fff;border-radius:1000px;height:52px;background-color:var(--main-btn-color);color:var(--main-btn-sec-color);display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-weight:600;font-size:16px;transition:all .3s;border:1.2px solid var(--main-btn-color);margin-bottom:12px;line-height:1;padding:5px 24px}.login-connect-container .btn i{line-height:1;border-radius:50%;padding:6px;display:block;transition:all .3s}.login-connect-container .btn i,.login-connect-container .btn:hover{background-color:var(--main-btn-sec-color);color:var(--main-btn-color)}.login-connect-container .btn:hover i{color:var(--main-btn-sec-color);background-color:var(--main-btn-color)}.login-connect-container .step-box{border-top:1.2px solid #e0e0e0;margin-top:25px;width:100%;max-width:250px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:15px;display:none}.login-connect-container .step-box.show{display:flex}.login-connect-container.loading .step-box{cursor:not-allowed}.login-connect-container .step-box .step-text{font-weight:600;text-align:center;max-width:250px;margin-bottom:30px;color:var(--color-blue-dark);font-size:15px}.login-connect-container .step-box .connected-text{font-weight:700;text-align:center;max-width:250px;margin-bottom:10px;margin-top:10px;font-size:22px;color:#000}.login-connect-container .step-box .step-text a{opacity:.6}.login-connect-container .step-box .step-text a:hover{opacity:1}.login-connect-container .step-box.legal .btn{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:var(--color-blue-deep);--main-btn-sec-color:#fff}.login-connect-container .step-box.legal .btn-disconnect{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:#dc3545;--main-btn-sec-color:#fff;margin-top:12px}.login-connect-container .step-box.wallets .btn-wallet{justify-content:space-between;padding-left:20px;padding-right:10px;--main-btn-color:#000;--main-btn-sec-color:#fff;font-weight:700}.login-connect-container .step-box.step-1{min-height:250px}.login-connect-container .loader-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000036;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;display:none;border-radius:20px;gap:25px}.login-connect-container.loading .loader-container{display:flex}.login-connect-container .dot{background-color:var(--color-blue-deep);width:10px;height:10px;border-radius:50%;transition:all .1s}.login-connect-container .dot:first-child{animation:wave 2s ease-in-out infinite}.login-connect-container .dot:nth-child(2){animation:wave 2s ease-in-out .2s infinite}.login-connect-container .dot:nth-child(3){animation:wave 2s ease-in-out .4s infinite}@keyframes wave{0%,to{transform:scale(.5)}50%{transform:scale(1.5)}}.login-connect-container .col2{width:calc(100% - 80px - var(--col1-width));overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 40px 80px;margin-left:80px}.login-connect-container .col2 .main-banner{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;object-fit:cover}.login-connect-container .col2:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:rgba(47,47,47,.4)}.login-connect-container .col2 .text-holder{position:relative;z-index:3;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-connect-container .col2 .text-holder .title{font-optical-sizing:auto;font-style:normal;font-size:55px;line-height:1.4;letter-spacing:2px;font-weight:400;margin-top:8px;margin-left:2px;text-align:center;color:#fff}.login-connect-container .col2 .text-holder .text{font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"slnt" 0;line-height:1.2;margin-bottom:6px;display:block;font-family:Graphik,sans-serif;color:#fff;font-size:25px!important;text-align:center;max-width:450px}.login-connect-container .col2 .links-holder{position:absolute;z-index:3;padding:40px;bottom:0;left:0;display:flex;gap:20px}.login-connect-container .col2 .links-holder .link{color:#fff}.login-connect-container .col2 .links-holder .link:hover{opacity:.8}@media screen and (max-width:1100px){:root{--col1-width:400px}.login-connect-container .col2{width:calc(100% - 20px - var(--col1-width));margin-left:20px}}@media screen and (max-width:900px){.login-connect-container{min-height:auto}.login-connect-container .content{flex-direction:column;max-width:500px;flex-wrap:wrap}.login-connect-container .col1{width:100%;margin-top:40px}.login-connect-container .col2{width:100%;margin-left:0;padding-right:0;padding-left:0}.login-connect-container .col2 .main-banner,.login-connect-container .col2 .text-holder,.login-connect-container .col2:after{display:none}.login-connect-container .col2 .links-holder{position:relative;padding:0}.login-connect-container .col2 .links-holder .link{color:var(--color-blue-deep)}}@media screen and (max-width:400px){.login-connect-container .col1{padding-left:20px;padding-right:20px}}