body>#reset-password>.popup .main button,main #login-form button.submit{height:43px;padding:0 20px;text-transform:uppercase;border-radius:5px;font-weight:bold;font-size:1rem;font-family:"Inter",sans-serif;display:flex;align-items:center;justify-content:center;transition:opacity .4s}body>#reset-password>.popup .main button span,main #login-form button.submit span{margin-top:.1em}body>#reset-password>.popup .main button i,main #login-form button.submit i{margin-left:10px;font-size:1.2em}main{display:flex;align-items:center;flex-direction:row;justify-content:center;padding:100px 0 200px 0}@media screen and (max-width: 576px){main{flex-direction:column;padding:unset}}main .illustration{height:267px;margin-right:100px}@media screen and (max-width: 576px){main .illustration{max-width:calc(100vw - 30px);height:unset;margin:15px}}main .logged-text{white-space:normal;height:200px;text-align:center}main .logged-text i{margin-bottom:20px;font-size:50px;color:var(--orange)}main .logged-text div{margin-top:10px;font-size:1.1rem}main #login-form{display:flex;flex-direction:column;margin:60px 0}@media screen and (max-width: 576px){main #login-form{width:100%;margin:unset;padding:15px}}main #login-form .input-container{position:relative;margin-top:20px}main #login-form .input-container input{min-width:350px;width:100%;padding:6px 15px;border-bottom:2px var(--gray10) solid;transition:border-bottom-color .25s}main #login-form .input-container input:focus{border-bottom-color:var(--gray30)}@media screen and (max-width: 576px){main #login-form .input-container input{width:100%}}main #login-form .input-container .caps-lock-warning{position:absolute;top:0;right:100%;display:flex;align-items:center;height:100%;margin-right:10px;font-size:20px;color:var(--warning-orange);transition:opacity .25s}main #login-form .input-container .caps-lock-warning:not(.active){opacity:0}main #login-form .remember-me-container{display:flex;align-items:center;margin-top:40px;padding:6px 6px 6px 12px;border-radius:5px;cursor:pointer;background-color:var(--gray05)}main #login-form .remember-me-container input{display:none}main #login-form .remember-me-container .switch{position:relative;display:block;overflow:hidden;width:50px;height:26px;border-radius:13px;transition:background-color var(--transition-duration, 0.4s);--switch-height: 26px;--switch-width: 50px;--switch-padding: 2px;margin-left:auto}main #login-form .remember-me-container .switch::after{position:absolute;top:0;transform:translateX(var(--slider-left));content:"";display:block;width:calc(26px - var(--switch-padding) *2);height:calc(26px - var(--switch-padding) *2);margin:var(--switch-padding);border-radius:50%;transition:transform var(--transition-duration, 0.4s),background-color var(--transition-duration, 0.4s)}main #login-form .remember-me-container:hover .switch::after{transform:translateX(calc((var(--slider-left) * 6 + var(--switch-width) / 2) / 8)) !important}main #login-form .remember-me-container input:checked+.switch{background-color:var(--ddcompany-color)}main #login-form .remember-me-container input:checked+.switch::after{background-color:var(--white);--slider-left: calc(var(--switch-width) - var(--switch-height))}main #login-form .remember-me-container input:not(:checked)+.switch{background-color:var(--gray15)}main #login-form .remember-me-container input:not(:checked)+.switch::after{background-color:var(--gray05);--slider-left: 0px}main #login-form button.submit{margin-top:5px;color:var(--light);background:var(--ddcompany-color)}main #login-form button.submit:disabled{opacity:.25}main #login-form .links{display:flex;justify-content:space-between;margin-top:5px;padding:0 5px;color:var(--ddcompany-color)}main #login-form .links a,main #login-form .links button{text-decoration:rgba(0,0,0,0) underline;transition:text-decoration-color .15s}main #login-form .links a:hover:not(:active),main #login-form .links button:hover:not(:active){text-decoration-color:inherit}main #login-form .links a:active,main #login-form .links button:active{transition:none}main #login-form .linksplus{display:flex;justify-content:center;margin-top:25px;padding:5px 10px;border-radius:5px;color:var(--ddcompany-color);background-color:var(--gray10);text-decoration:rgba(0,0,0,0) underline;white-space:normal;transition:text-decoration-color .15s}main #login-form .linksplus:hover:not(:active){text-decoration-color:inherit}main #login-form .linksplus:active{transition:none}main #login-form .linksplus i{padding-top:2px}body>#reset-password{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4)}@supports(backdrop-filter: blur(15px)){body>#reset-password{backdrop-filter:blur(15px)}}body>#reset-password .popup{overflow:hidden;border-radius:10px;background:var(--white);box-shadow:#000 0 0 20px -15px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}body>#reset-password .popup .header{display:flex;justify-content:flex-end;align-items:center;padding:5px 5px 5px 15px;border-bottom:1px rgba(0,0,0,.3) solid}body>#reset-password .popup .header .title{margin-right:auto;font-size:1.1rem}body>#reset-password .popup .header .close{width:30px;height:30px;margin-left:30px;border-radius:50px;transition:background-color .25s}body>#reset-password .popup .header .close:hover:not(:active){background-color:rgba(0,0,0,.15)}body>#reset-password .popup .header .close:active{transition:none}body>#reset-password .popup main{overflow:auto}body>#reset-password .popup .footer:is(button){font-size:1.1rem;color:var(--light);background:var(--primary-color)}body>#reset-password>.popup{display:flex;flex-direction:column}body>#reset-password>.popup .header{margin-bottom:35px;border-bottom:unset}body>#reset-password>.popup .main{padding:0 15px}body>#reset-password>.popup .main p{white-space:normal;max-width:300px}body>#reset-password>.popup .main input{display:block;width:300px;height:35px;margin-top:10px;padding:0 12px;border-radius:5px;background-color:var(--gray10)}@media screen and (max-width: 576px){body>#reset-password>.popup .main input{margin:10px auto}}body>#reset-password>.popup .main button{color:var(--light);background:var(--ddcompany-color);width:100%;margin:15px 0}body>#reset-password>.popup .main button:disabled{opacity:.25}body>#reset-password>.popup .main button i{margin-bottom:1px}