.haapi-links{width:100%}.haapi-links .haapi__qr-code{display:flex;flex-direction:column;justify-content:center;align-items:center}.haapi-links .haapi__qr-code img{image-rendering:pixelated;width:157px;height:157px}.haapi-dropdown{margin-bottom:.5rem;position:relative;display:block;padding:0}.haapi-dropdown .svg-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);right:1rem}.haapi-dropdown select{width:100%;height:60px;font-family:Ikano Sans,Arial,sans-serif;font-weight:400;letter-spacing:.3px;font-size:1rem;border:1px solid #959595;border-radius:2px;-webkit-appearance:none;padding:27px 32px 5px 16px;font-style:normal;color:#111;background-color:#fff}.haapi-dropdown select::-webkit-input-placeholder{@rules ()}.haapi-dropdown select:-moz-placeholder,.haapi-dropdown select::-moz-placeholder{@rules ()}.haapi-dropdown select:-ms-input-placeholder{@rules ()}.haapi-dropdown select:hover{border-color:#666}.haapi-dropdown select:focus::-webkit-input-placeholder{@rules ()}.haapi-dropdown select:focus:-moz-placeholder,.haapi-dropdown select:focus::-moz-placeholder{@rules ()}.haapi-dropdown select:focus:-ms-input-placeholder{@rules ()}.haapi-dropdown select:active,.haapi-dropdown select:focus{outline:0;box-shadow:inset 0 0 0 1px #0058a3;border-radius:4px;border-color:#0058a3}.haapi-dropdown select:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.haapi-dropdown select.full-width{width:100%}.haapi-dropdown select input:disabled~label{opacity:.4}.haapi-dropdown select.has-selected~label{top:1rem;font-size:.75rem}.haapi-dropdown select~label{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.haapi-dropdown label{position:absolute;left:calc(1rem + 1px);top:1.25rem;display:inline-block;color:#666;font-family:Ikano Sans,Arial,sans-serif;font-weight:400;font-size:1rem;padding-bottom:0;pointer-events:none;width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.haapi-dropdown label em{margin:0;color:#ec0000;font-style:normal}.haapi-dropdown .custom-dropdown{min-height:60px;height:auto}.haapi-dropdown .custom-dropdown.has-selected~.custom-dropdown-label{top:2px;height:30px}.haapi-dropdown .custom-dropdown option:first-of-type{margin-top:15px}.haapi-dropdown .custom-dropdown-svg{top:30px}.haapi-dropdown .custom-dropdown-label{top:2px;display:flex;align-items:flex-end;height:40px;width:90%;background-color:#fff}@media screen and (min-width:769px){.haapi-dropdown .custom-dropdown-label{width:95%}}.lockout-timer{display:flex;justify-content:center;margin-top:20px;padding:22px 0;border:2px solid #ec0000}.lockout-timer .lockout-timer-counter{display:flex;flex-direction:column;min-width:115px;align-items:center;justify-content:center}.lockout-timer .lockout-timer-counter img{width:32px}.lockout-timer .lockout-timer-counter span{font-size:33px;line-height:42px;padding-top:12px}@media screen and (min-width:769px){.lockout-timer .lockout-timer-counter{min-width:125px}}.lockout-timer .lockout-timer-message{font-family:Ikano Sans Bold;line-height:22px}.lockout-timer .lockout-timer-message:not(.locked){text-align:center;color:#ec0000;font-family:Ikano Sans;padding:0 15px}.lockout-timer .lockout-timer-message.locked{padding-right:22px}.haapi .bankid-login__header{font-size:24px;margin:0;padding:30px 16px}@media screen and (min-width:769px){.haapi .bankid-login__header{padding:30px 34px}}.haapi .bankid-login .haapi-action{display:flex;flex-direction:column;justify-content:center;align-items:center}.haapi .bankid-login .haapi-action .button__bankid-same-device.btn{width:100%}@media screen and (min-width:769px){.haapi .bankid-login .haapi-action .button__bankid-same-device.btn{width:auto}}.bankid-poller,.haapi .bankid-login .haapi-action .form-buttons{justify-content:center}.bankid-poller{display:flex;flex-direction:column;align-items:center}.faded{opacity:.6}.svg-icon--100{width:1rem;height:1rem}.centered-container{display:flex;flex-direction:column;min-height:350px;align-items:center;justify-content:center;background-color:#fff}.error-messages{display:flex;flex-direction:column;margin-bottom:.5rem}.error-messages>:not(:last-child){margin-bottom:10px}.error-message-label{color:#ec0000}.error-container{min-height:350px;background-color:#fff;text-align:center;padding:50px}.error-container,.oops-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.oops-container img{width:80px;height:80px}.oops-container button{margin-top:25px;font-size:18px!important}.oops-container h1{text-align:center;font-size:20px;margin-bottom:10px}.resend-otp-container{color:#666;text-align:center}.resend-otp-container .resend-btn.disabled{opacity:.5;text-decoration:none;cursor:default}.resend-otp-container .timer{color:#004682;font-family:Ikano Sans Bold;display:inline-block;width:25px}.haapi{display:flex;flex-direction:column;overflow-wrap:break-word;hyphens:auto}@media screen and (min-width:769px){.haapi{margin-top:0}}.haapi .haapi__not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10%}.haapi .haapi__not-found h4{font-size:1.3rem;margin-bottom:0}.haapi .loading{min-height:300px}.haapi .link-btn{border:none;background:none;font-size:18px}.haapi .haapi-links{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem}@media screen and (min-width:769px){.haapi .haapi-links{order:1;padding-bottom:2rem}}.haapi .haapi-footer{text-align:center}.haapi .haapi-messages .messages{margin-bottom:10px}.haapi .haapi-action{background-color:#fff;padding:30px 0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:769px){.haapi .haapi-action{padding:0}}.haapi .haapi-action .haapi-action-title{font-weight:700;font-size:24px;margin:0 0 30px}@media screen and (min-width:769px){.haapi .haapi-action .haapi-action-title{margin:0 0 30px}}.haapi .haapi-action .haapi-form-error{color:#ec0000;font-size:1rem;padding:.5rem 0}.haapi .haapi-action .haapi-links{padding-bottom:0}.haapi .haapi-action .haapi-action-field{position:relative;display:flex;flex-direction:column}.haapi .haapi-action .haapi-action-field.input-wrap{margin-bottom:.5rem}.haapi .haapi-action .haapi-action-field .resend-otp{color:#111}.haapi .haapi-action .haapi-action-field .form-input{display:block;margin-bottom:1rem}.haapi .haapi-action .haapi-action-field .form-input.error strong{display:block;color:#ec0000}.haapi .haapi-action .haapi-action-field .form-input.error .input-wrap input:not(:focus){border:2px solid #ec0000}.haapi .haapi-action .haapi-action-field .form-input.error .input-wrap input:not(:focus)~label{top:1.25rem;left:1.25rem}.haapi .haapi-action .haapi-action-field .form-input.error .input-wrap input:not(:focus)~label.has-value{top:1rem}.haapi .haapi-action .haapi-action-field .form-input .input-wrap{margin-bottom:.5rem;position:relative}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input{-webkit-appearance:none;-moz-appearance:none;color:#111;display:block;width:100%;margin:0;outline:0;padding:1.9375rem 1rem .4375rem;border:1px solid #959595;border-radius:2px;box-shadow:inset 0 0 0 1px transparent;appearance:none;-webkit-transition:color border-radius box-shadow .3s .3s .3s;-moz-transition:color .3s border-radius .3s box-shadow .3s;-o-transition:color .3s border-radius .3s box-shadow .3s;transition:color border-radius box-shadow .3s .3s .3s;font-size:1rem;position:unset}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input::-webkit-input-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:-moz-placeholder,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input::-moz-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:-ms-input-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:hover{border-color:#666}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:focus::-webkit-input-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:focus:-moz-placeholder,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:focus::-moz-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:focus:-ms-input-placeholder{@rules ()}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:active,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:focus{box-shadow:inset 0 0 0 1px #0058a3;border-radius:4px;border-color:#0058a3}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input:disabled~label{opacity:.4}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=email]~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=number]~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=password]~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=tel]~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=text]~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=url]~label{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=email]:focus~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=number]:focus~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=password]:focus~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=tel]:focus~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=text]:focus~label,.haapi .haapi-action .haapi-action-field .form-input .input-wrap input[type=url]:focus~label{top:1rem;font-size:.75rem;color:#0058a3}.haapi .haapi-action .haapi-action-field .form-input .input-wrap label{position:absolute;left:calc(1rem + 1px);top:1.25rem;display:inline-block;color:#666;font-family:Ikano Sans,Arial,sans-serif;font-weight:400;font-size:1rem;padding-bottom:0;cursor:text}.haapi .haapi-action .haapi-action-field .form-input .input-wrap label em{margin:0;color:#ec0000;font-style:normal}.haapi .haapi-action .haapi-action-field .form-input .input-wrap label.has-value{font-size:.75rem;top:1rem}.haapi .haapi-action .haapi-action-field .form-input .helptext{margin-left:1rem;margin-right:1rem}.haapi .haapi-action .haapi-action-field .form-input .helptext .error-helptext{display:flex;color:#666;font-size:.875rem;line-height:1.1429}.haapi .haapi-action .haapi-action-field .form-input .helptext .error-helptext .svg-icon{flex-shrink:0;margin-right:.5rem}.haapi .haapi-action .haapi-action-field-validation-error{display:flex;font-size:.875rem;margin-left:1rem;margin-right:1rem;line-height:1.1429}.haapi .haapi-action .haapi-action-field-validation-error span{color:#666}.haapi .haapi-action .haapi-action-field-validation-error .error-badge{width:1rem;height:1rem;margin-right:.5rem}.haapi .haapi-action form button.btn{min-width:195px}.haapi .haapi-action form .form-buttons{font-size:18px;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;margin-top:26px;margin-bottom:10px}.haapi .haapi-action form .form-buttons .form-submit{margin-bottom:25px}@media screen and (min-width:769px){.haapi .haapi-action form .form-buttons{flex-direction:row;margin-top:58px}.haapi .haapi-action form .form-buttons .form-back{justify-self:left}.haapi .haapi-action form .form-buttons .form-submit{justify-self:right;margin-bottom:0}}.haapi .password-field-icon{position:absolute;right:20px;top:35%;height:35%}.hide-input-spinner::-webkit-inner-spin-button,.hide-input-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-input-spinner[type=number]{-moz-appearance:textfield}.haapi .fakebankid-registration .haapi-action div{width:100%}.haapi .fakebankid-registration .haapi-action .form-buttons div{display:none}.haapi-maintenance-container{display:flex;flex-direction:column}.haapi-maintenance-strip{margin-bottom:20px}