/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}.loginFormBody{font-family:"Roboto",sans-serif;display:flex;justify-content:center;align-items:center;padding:20px;width:100%;background-color:var(--background-color);background-size:var(--background-size);background-repeat:var(--background-repeat);min-height:100vh;min-height:100svh}.loginFormBody h1,.loginFormBody h2,.loginFormBody h3,.loginFormBody h4,.loginFormBody h5,.loginFormBody h6{font-weight:500}.loginFormBody p{font-weight:400}.background{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1}.background svg{position:absolute;width:100%;height:100%;top:0;left:0}.background svg path,.background svg circle,.background svg polygon{fill:var(--pattern-color)}.background svg stop{stop-color:var(--pattern-color)}.loginFormHolder{width:100%;max-width:400px}.sonaroLogo{display:block;margin:24px 16px 0 auto;width:124px;height:24px;opacity:.24;transition:opacity .16s ease}.sonaroLogo:hover{opacity:.32}.sonaroLogo img{display:block;width:124px;height:24px}.sonaroLogo img.white{filter:brightness(0) invert(1)}.loginFormWrap{position:relative;overflow:hidden;background-color:#fff;box-shadow:0 4px 13px 0 rgba(39,67,94,.04);border-radius:8px;border:1px solid #dfe4e7}.loginFormContentInner{position:relative;width:100%}.loginFormContentInner.loginFormContent-slide-out{animation:slideOutLeft .3s cubic-bezier(0.75, 0, 0.175, 1) forwards}.loginFormContentInner.loginFormContent-slide-in{animation:slideInFromRight .3s cubic-bezier(0.75, 0, 0.175, 1) forwards}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.loginForm{display:flex;flex-direction:column;overflow:hidden;background-color:#fff;gap:40px;padding:40px;min-height:400px;color:#212121;pointer-events:auto;transition:transform .32s cubic-bezier(0.75, 0, 0.175, 1)}@media(max-width: 480px){.loginForm{padding:32px;min-height:360px}}.loginForm.hidden{pointer-events:none;transform:translateX(-100%)}.loginForm>*{margin-top:auto}.loginForm h1{text-align:center;font-weight:500;margin:0;font-size:18px}.loginForm .logo{display:block;margin-left:auto;margin-right:auto;width:auto;aspect-ratio:2;-o-object-fit:contain;object-fit:contain;max-width:160px;max-height:160px}.loginForm .form-error{margin-top:-20px}.loginForm .form-error:empty{display:none}.loginForm .form-error p{display:block;font-size:13px;font-weight:400;text-align:center;border:1px solid rgba(244,67,54,.32);background-color:rgba(244,67,54,.16);border-radius:4px;padding:.5em;margin:0}.loginForm .loginForm__message{text-align:center}.loginForm form{display:flex;flex-direction:column;gap:7px}.loginForm.loginForm--autoHeight{min-height:auto}.loginForm--twoFactor .loginFormFields{text-align:center}.loginFormFields{display:flex;flex-direction:column;gap:24px}.loginFormFields fieldset{display:flex;flex-direction:column;margin:0;padding:0;border:none}.loginFormFields fieldset.fieldsetSocial{gap:8px}.loginFormFields fieldset.fieldsetSocial.fieldsetSocial--horizontal{flex-direction:row;gap:8px}.loginFormFields fieldset.fieldsetSocial.fieldsetSocial--horizontal .socialButton{width:100%}.loginFormFields .sep{display:block;position:relative;width:100%;height:16px}.loginFormFields .sep:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#dfe4e7}.loginFormFields .sep span{position:absolute;padding:0 8px;background-color:#fff;top:0;height:100%;left:50%;transform:translateX(-50%);font-size:13px;line-height:16px;color:#c9d2d8;z-index:2}.loginInput{display:flex;flex-direction:column;-moz-column-gap:8px;column-gap:8px;position:relative;width:100%}.loginInput input{display:block;width:100%;font-size:15px;line-height:24px;height:48px;border:1px solid #a8b3ba;border-radius:4px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.loginInput input:hover{border-color:#8a97a0}.loginInput input:focus{border-color:#8a97a0;box-shadow:0 0 0 2px #dfe4e7}.loginInput input[type=text],.loginInput input[type=password]{padding:11px 15px}.loginInput input[type=text]:not(:-moz-placeholder-shown)+label, .loginInput input[type=password]:not(:-moz-placeholder-shown)+label{top:-8px;font-size:13px;color:#69757d}.loginInput input[type=text]:focus+label,.loginInput input[type=text]:not(:placeholder-shown)+label,.loginInput input[type=password]:focus+label,.loginInput input[type=password]:not(:placeholder-shown)+label{top:-8px;font-size:13px;color:#69757d}.loginInput label.floating{display:block;position:absolute;color:#a8b3ba;pointer-events:none;background-color:#fff;left:12px;padding:0 4px;top:16px;transition:top .16s ease,font-size .16s ease;border-radius:0}.loginInput.loginInput--checkbox{flex-direction:row}.loginInput .loginInput__errorBox{color:#f44336;font-size:13px;margin-top:3px;margin-bottom:6px;min-height:15px}.loginInput:last-of-type .loginInput__errorBox{margin-bottom:0}.loginInput.loginInput--error label{color:#f44336}.loginInput.loginInput--error input{border-color:#f44336}.loginInput.loginInput--error input:not(:-moz-placeholder-shown)+label{top:-8px;font-size:13px;color:#f44336}.loginInput.loginInput--error input:focus+label,.loginInput.loginInput--error input:not(:placeholder-shown)+label{top:-8px;font-size:13px;color:#f44336}.loginGlobalErrorBox{display:none;color:#f44336;font-size:13px;font-weight:400;text-align:center;border:1px solid rgba(244,67,54,.32);background-color:rgba(244,67,54,.16);border-radius:4px;padding:.5em;margin:0}.loginGlobalErrorBox.loginGlobalErrorBox--active{display:block}label{font-size:15px;line-height:16px}input[type=checkbox]{display:inline-block;width:16px;height:16px}input[type=checkbox]+label{font-size:14px}.button,input[type=submit]{cursor:pointer;text-align:center;padding:12px 24px;font-weight:500;border-radius:4px;text-decoration:none;border:none;color:var(--button-text-color);background-color:var(--accent-color);transition:filter .16s ease}.button:hover,input[type=submit]:hover{filter:brightness(110%)}.button.button--w100,input[type=submit].button--w100{width:100%}.button.button--white,input[type=submit].button--white{border:1px solid var(--accent-color);color:var(--accent-color);background-color:var(--button-text-color)}.socialButton{display:flex;text-decoration:none;color:#8a97a0;font-weight:400;font-size:15px;line-height:18px;border:1px solid #dbe0e3;outline:none;border-radius:4px;box-shadow:0px 2px 2px -1px #dfe4e7;transition-duration:.16s;transition-property:background-color,border-color,box-shadow,color;transition-timing-function:ease}.socialButton:hover{color:#69757d;border-color:#c9d2d8;background-color:#f6f7f8}.socialButton:focus{border-color:#c9d2d8;box-shadow:0 0 0 2px #dfe4e7}.socialButton>span{display:flex;align-items:center;justify-content:center;height:48px}.socialButton>span:first-child{display:block;border-right:1px solid #dbe0e3;height:48px;width:48px;background-repeat:no-repeat;background-position:center;background-size:24px}.socialButton>span:last-child{padding:11px;flex:1;text-align:center}.socialButton span.socialButton__icon{display:flex}.socialButton.socialButton--microsoft>span:first-child{background-image:url("/wkm/assets/login-form/images/microsoft.png")}.showHelp{margin:0}.underlineButton{font-size:14px;color:#8a97a0;text-decoration:underline}.helpContent{display:block;position:absolute;top:0;left:100%;width:100%;height:100%;padding:40px;color:#212121;background-color:#fff;transform:translateX(-100%);pointer-events:auto;transition:transform .32s cubic-bezier(0.75, 0, 0.175, 1)}.helpContent h1,.helpContent h2,.helpContent h3{margin:0 0 1em}.helpContent p{font-size:15px}.helpContent a{color:#69757d}.helpContent hr{width:100%;height:1px;background-color:#dbe0e3;border:none;margin:24px 0}@media(max-width: 480px){.helpContent{padding:32px}}.helpContent.hidden{pointer-events:none;transform:translateX(0)}.helpContent.hidden .bind-hideHelp span{width:0}.helpContent .bind-hideHelp{position:absolute;top:16px;right:16px;width:32px;height:32px;z-index:2}@media(max-width: 480px){.helpContent .bind-hideHelp{top:8px;right:8px}}.helpContent .bind-hideHelp span{position:absolute;width:100%;height:2px;top:50%;left:50%;transform:translate(-50%, -50%);transition:width .24s ease .32s}.helpContent .bind-hideHelp span:before,.helpContent .bind-hideHelp span:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#212121}.helpContent .bind-hideHelp span:before{transform:rotate(45deg)}.helpContent .bind-hideHelp span:after{transform:rotate(-45deg)}.loginLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.loginLoadingOverlay .loginLoadingOverlay__spinner{width:50px;height:50px;border:5px solid #9b9b9b;border-top:5px solid rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}.loginLoadingInlineSpinner{width:50px;height:50px;border:5px solid #9b9b9b;border-top:5px solid rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loginFormBody--reauth{min-height:auto}