html{display:flex;justify-content:center;align-items:center}html body{border:none;background:none;box-shadow:none;padding:0}.login-box{--darkblue: #221D34;width:328px;min-height:200px;text-align:center;background:transparent linear-gradient(0deg, #569BBC 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;border:solid 1px var(--darkblue);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.login-box .logo{max-width:80%;max-height:88px;position:relative;z-index:1;margin-top:25px}.login-box .inner-login-box{display:flex;flex-direction:column;align-items:flex-start;width:270px;background-color:#fff;box-shadow:3px 3px 10px #00000043;position:relative;z-index:1;margin:25px 0;padding:20px 10px;box-sizing:border-box;max-height:calc(95vh - 232px);overflow-y:auto}.login-box .inner-login-box h2{color:var(--darkblue);font:normal normal bold 14px/19px Open Sans;letter-spacing:1.4px;margin-top:0;margin-bottom:33px;width:100%}.login-box .inner-login-box a.register-link{font:normal normal normal 14px/19px Open Sans;text-align:center;margin:-20px 0 10px 0;width:100%}.login-box .inner-login-box p{font:italic normal 300 12px/17px Open Sans;letter-spacing:1.2px;color:var(--darkblue)}.login-box .inner-login-box a{font:normal normal 300 12px/17px Open Sans;margin-top:-10px;color:var(--darkblue)}.login-box .inner-login-box input[type=text],.login-box .inner-login-box input[type=password]{border:none;outline:none;background-color:#e9e8eb;color:var(--darkblue);padding:13px 5px 15px 5px;margin-bottom:20px;text-align:center;width:100%;box-sizing:border-box;font:normal normal 300 12px/17px Open Sans;letter-spacing:1.2px}.login-box .inner-login-box input[type=checkbox]{opacity:0}.login-box .inner-login-box .custom-checkbox{position:relative;margin:0 0 10px 51px;font:normal normal 300 12px/17px Open Sans;letter-spacing:1.2px;color:#211d34;text-align:left}.login-box .inner-login-box .custom-checkbox a{color:#211d34}.login-box .inner-login-box .custom-checkbox:hover{cursor:pointer}.login-box .inner-login-box .custom-checkbox::before{content:"";display:block;position:absolute;right:calc(100% + 9px);width:16px;height:16px;border:solid 2px #211d34;border-radius:5px;top:-2px;cursor:pointer}.login-box .inner-login-box .custom-checkbox::after{content:"";position:absolute;right:calc(100% + 12px);width:14px;height:14px;background-color:#211d34;border-radius:4px;top:1px;display:none;cursor:pointer}.login-box .inner-login-box input[type=checkbox]:checked+.custom-checkbox::after{display:block}.login-box .inner-login-box input[type=checkbox]:focus+.custom-checkbox::before{background-color:rgba(0,0,0,.2)}.login-box .inner-login-box #password-strength{width:100%;display:flex;flex-direction:column;align-items:center}.login-box .inner-login-box #password-strength #password-meter{width:50%;background-color:lime;height:8px;border-radius:4px}.login-box .inner-login-box #password-strength #password-strength-text{font-size:13px;line-height:18px;font-family:"Open sans",sans-serif;letter-spacing:1.3px;color:#211d34;margin-top:5px}.login-box .inner-login-box ul{margin:0;padding:0;list-style:none;font-size:.6rem;text-align:start;color:red;font-family:"Open sans",sans-serif}.login-box .inner-login-box .file-upload,.login-box .inner-login-box .color-upload{position:relative;width:calc(100% - 20px);background-color:#e9e8eb;display:flex;flex-direction:row;justify-content:start;align-items:center;height:50px;margin:20px 0 20px 20px}.login-box .inner-login-box .file-upload .img-wrapper,.login-box .inner-login-box .color-upload .img-wrapper{width:70px;height:70px;position:relative;left:-20px;border-radius:50%;background-color:#fff;box-shadow:3px 3px 8px 8px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.login-box .inner-login-box .file-upload .img-wrapper img,.login-box .inner-login-box .color-upload .img-wrapper img{width:70%;height:70%}.login-box .inner-login-box .file-upload .img-wrapper .color-image,.login-box .inner-login-box .color-upload .img-wrapper .color-image{width:60%;height:60%}.login-box .inner-login-box .file-upload #img-text,.login-box .inner-login-box .color-upload #img-text{width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;font:normal normal 300 12px/17px Open Sans;letter-spacing:1.2px;color:#211d34}.login-box .inner-login-box .file-upload .color-inner,.login-box .inner-login-box .color-upload .color-inner{width:calc(100% - 70px);display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;padding-right:10px}.login-box .inner-login-box .file-upload .color-inner span,.login-box .inner-login-box .color-upload .color-inner span{width:100%;font-size:18px;text-align:start;font:normal normal 300 12px/17px Open Sans;letter-spacing:1.2px;color:#211d34;margin-bottom:3px}.login-box .inner-login-box .file-upload .color-inner .color-lower,.login-box .inner-login-box .color-upload .color-inner .color-lower{display:flex;align-items:center;--color: black;width:100%;height:20px}.login-box .inner-login-box .file-upload .color-inner .color-lower .color-hex-input,.login-box .inner-login-box .color-upload .color-inner .color-lower .color-hex-input{width:81px;background-color:#fff;margin:0;margin-right:5px;height:100%;font-size:16px;text-align:left;padding:0;padding-left:5px;padding-top:2px;box-sizing:border-box;font:normal normal normal 12px/17px Open Sans;letter-spacing:1.2px;color:#211d34;position:relative;z-index:20}.login-box .inner-login-box .file-upload .color-inner .color-lower::after,.login-box .inner-login-box .color-upload .color-inner .color-lower::after{content:"";display:block;min-width:30px;height:100%;background-color:var(--color);flex-grow:1}.login-box .inner-login-box .file-upload input[type=file],.login-box .inner-login-box .file-upload input[type=color],.login-box .inner-login-box .color-upload input[type=file],.login-box .inner-login-box .color-upload input[type=color]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.login-box .inner-login-box .file-upload input[type=file]:hover,.login-box .inner-login-box .file-upload input[type=color]:hover,.login-box .inner-login-box .color-upload input[type=file]:hover,.login-box .inner-login-box .color-upload input[type=color]:hover{cursor:pointer}.login-box .inner-login-box fieldset{border:none;display:flex;flex-direction:column;width:100%;padding:0;margin:0}.login-box .inner-login-box fieldset label input[type=radio]{opacity:0;height:0;width:0;position:absolute;top:0;left:0}.login-box .inner-login-box fieldset label div{width:100%;background-color:#e8e8ea;font-size:19px;line-height:26px;letter-spacing:1.9px;color:#211d34;padding:22px 0;margin:18px 0;font-family:"Open Sans",sans-serif;font-weight:300}.login-box .inner-login-box fieldset label div:hover{opacity:.9;cursor:pointer}.login-box .inner-login-box fieldset label input[type=radio]:checked+div{color:orange}.login-box .inner-login-box .custom-select{position:relative;width:100%}.login-box .inner-login-box .custom-select input{font:normal normal 300 12px/17px Open Sans;letter-spacing:1.2px;color:var(--darkblue);border:none;background-color:#e8e8ea;padding:13px 0 15px 0;box-sizing:border-box;width:100%;text-align:center;text-transform:capitalize}.login-box .inner-login-box .custom-select svg{position:absolute;top:17px;right:15px;pointer-events:none;z-index:100}.login-box .inner-login-box .custom-select #select-options,.login-box .inner-login-box .custom-select #design-select-options{display:none;flex-direction:column;width:100%;position:absolute;top:0;left:0;z-index:5}.login-box .inner-login-box .custom-select #select-options input,.login-box .inner-login-box .custom-select #design-select-options input{border-top:solid 1px var(--accent-color)}.login-box .inner-login-box .custom-select #select-options input:first-of-type,.login-box .inner-login-box .custom-select #design-select-options input:first-of-type{border:none}.login-box .inner-login-box #upsell-image{max-width:90%;max-height:200px}.login-box .inner-login-box .upsell-heading{text-align:left;margin-top:10px;margin-bottom:0}.login-box .inner-login-box .upsell-text{font-style:normal;text-align:left;white-space:pre-wrap}.login-box .inner-login-box .upsell-button{display:block;margin:auto;font:normal normal normal 14px/19px Open Sans;letter-spacing:1.4px;padding:4px 10px;box-sizing:border-box;max-width:90%;min-width:50%;background-color:#c33c26;color:#fff;text-decoration:none}.login-box .inner-login-box::-webkit-scrollbar{width:7px}.login-box .inner-login-box::-webkit-scrollbar-track{background:#e8e8ea;border-radius:4px}.login-box .inner-login-box::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.login-box .inner-login-box::-webkit-scrollbar-thumb:hover{background:#888}.login-box .login-box-footer{width:100%;padding:15px 0 15px 0}.login-box .login-box-footer input[type=submit],.login-box .login-box-footer button{padding:10px 20px;border-radius:25px;border:none;background:linear-gradient(180deg, #E65250 0%, #E6927F 100%) 0% 0% no-repeat padding-box;color:#fff;min-width:50%;font:normal normal normal 14px/19px Open Sans;letter-spacing:1.4px}.login-box .login-box-footer input[type=submit]:hover,.login-box .login-box-footer button:hover{cursor:pointer}.login-box .login-box-footer #definitely-not-fake-loading-bar{width:80%;height:31px;border-radius:25px;border:solid 1px #221d34;margin:auto;overflow:hidden}.login-box .login-box-footer #definitely-not-fake-loading-bar div{width:0;height:100%;background:linear-gradient(180deg, #E65250 0%, #E6927F 100%) 0% 0% no-repeat padding-box}.login-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;clip-path:polygon(0 220px, 100% 110px, 100% calc(100% - 69px), 0 calc(100% - 69px))}#upsell-popup-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:100;background-color:#ffffffbb}#close-button{position:absolute;top:5px;right:0;background-color:transparent;border:none;cursor:pointer;width:20px;height:20px}#close-button::before{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:20px;background-color:#000;transform:rotate(45deg)}#close-button::after{content:"";display:block;width:1px;height:20px;background-color:#000;position:absolute;top:0;left:0;transform:rotate(-45deg)}