.modal-container{margin:0 auto;position:absolute;width:160px}.modal-container button{background:#446cb3;border:0;border-radius:3px;box-shadow:0 5px 5px -5px #333;color:#fff;display:block;font-size:22px;height:50px;line-height:50px;margin:0 auto;transition:background .3s ease-in;width:160px}.modal-container .modal-backdrop{height:0;opacity:0;overflow:hidden;transition:opacity .2s ease-in;width:0}.modal-container .modal-toggle{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.modal-container .modal-content h2{font-weight:700;padding:10px 0}.modal-container .modal-content p{padding:10px 0}.modal-container input{border:1px solid #cfcfcf;border-radius:10px;height:42px;margin-bottom:10px;padding:5px;width:100%}.modal-container .text-caption{color:#797979;font-size:12px}.modal-container .text-caption.yellow{color:#dd8400!important}.modal-container .text-caption.blue{background:#ced7f6b5;border:1px dashed #a7b2cf;border-radius:13px;color:#5b606d!important}.modal-container .text-caption.warning{background:#fff0bd;border:1px dashed #fdc608;border-radius:13px;color:#806506!important}.modal-container .text-caption.small{font-size:10px!important}@media screen and (min-width:767px){.modal-container .text-caption.small{font-size:11px!important}}@media (max-width:360px){.modal-container .text-caption.small{font-size:9px!important}}.modal-container .modal-toggle:hover~button{background:#1e824c}.modal-container .modal-toggle.checked{height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:9}.modal-container .modal-toggle.checked~.modal-backdrop{background-color:rgba(0,0,0,.6);height:100vh;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content{background-color:#fff;border-radius:4px;box-shadow:0 3px 7px rgba(0,0,0,.6);color:#000;cursor:auto;height:auto;left:calc(50% - 200px);max-width:400px;padding:10px 30px;pointer-events:auto;position:absolute;top:12%;width:100%;z-index:999}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content.fixed-height{height:280px}@media (max-width:400px){.modal-container .modal-toggle.checked~.modal-backdrop .modal-content{left:0}}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content .modal-close{background:transparent;color:var(--ds-primary-color);cursor:pointer;font-size:16px;font-weight:700;height:28px;padding-top:4px;position:absolute;right:2px;text-align:center;top:0;width:25px}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content .modal-close.button{background:transparent;border-radius:2px;bottom:20px;color:var(--ds-primary-color);font-size:14px;font-weight:400;right:20px;top:auto;width:81px}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content .modal-close.button:hover{background:transparent;color:var(--ds-primary-color)}.modal-container .modal-toggle.checked~.modal-backdrop .modal-content .modal-close:hover{color:#333}.modal-container .info-caption{font-size:14px}.modal-container .error-big-caption{background:#f0b6af;border:1px solid #b7a3a1;border-radius:13px;color:#910f00;font-size:15px;margin:5px auto;padding:10px!important;text-align:center}.modal-container .success-big-caption{background:#d7ffd7;border:1px solid #9cd59c;border-radius:13px;color:green;font-size:15px;margin:5px auto;padding:10px!important;text-align:center}.modal-container .warning-small-caption{background:#fff7d0;border:1px solid #e1c066;border-radius:13px;color:#8a6501;font-size:13px;margin:5px auto;padding:10px!important;text-align:center}#login-response-message,#register-response-message{padding-top:10px;text-align:center}