.haapi-links{width:100%}.haapi-links .haapi__qr-code{align-items:center;display:flex;flex-direction:column;justify-content:center}.haapi-links .haapi__qr-code img{height:157px;image-rendering:pixelated;width:157px}.haapi-dropdown{display:block;margin-bottom:.5rem;padding:0;position:relative}.haapi-dropdown .svg-icon{pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.haapi-dropdown select{-webkit-appearance:none;background-color:#fff;border:1px solid #959595;border-radius:2px;color:#111;font-family:Ikano Sans,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;height:60px;letter-spacing:.3px;padding:27px 32px 5px 16px;width:100%}.haapi-dropdown select::-webkit-input-placeholder{@rules ()}.haapi-dropdown select:-moz-placeholder{@rules ()}.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{@rules ()}.haapi-dropdown select:focus::-moz-placeholder{@rules ()}.haapi-dropdown select:focus:-ms-input-placeholder{@rules ()}.haapi-dropdown select:active,.haapi-dropdown select:focus{border-color:#0058a3;border-radius:4px;box-shadow:inset 0 0 0 1px #0058a3;outline:0}.haapi-dropdown select:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.haapi-dropdown select.full-width{width:100%}.haapi-dropdown select input:disabled~label{opacity:.4}.haapi-dropdown select.has-selected~label{font-size:.75rem;top:1rem}.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{color:#666;display:inline-block;font-family:Ikano Sans,Arial,sans-serif;font-size:1rem;font-weight:400;left:calc(1rem + 1px);overflow:hidden;padding-bottom:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:1.25rem;white-space:nowrap;width:75%}.haapi-dropdown label em{color:#ec0000;font-style:normal;margin:0}.haapi-dropdown .custom-dropdown{height:auto;min-height:60px}.haapi-dropdown .custom-dropdown.has-selected~.custom-dropdown-label{height:30px;top:2px}.haapi-dropdown .custom-dropdown option:first-of-type{margin-top:15px}.haapi-dropdown .custom-dropdown-svg{top:30px}.haapi-dropdown .custom-dropdown-label{align-items:flex-end;background-color:#fff;display:flex;height:40px;top:2px;width:90%}@media screen and (min-width:769px){.haapi-dropdown .custom-dropdown-label{width:95%}}.lockout-timer{border:2px solid #ec0000;display:flex;justify-content:center;margin-top:20px;padding:22px 0}.lockout-timer .lockout-timer-counter{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:115px}.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){color:#ec0000;font-family:Ikano Sans;padding:0 15px;text-align:center}.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}.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{align-items:center;display:flex;flex-direction:column}.faded{opacity:.6}.svg-icon--100{height:1rem;width:1rem}.centered-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:350px}.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{background-color:#fff;min-height:350px;padding:50px;text-align:center}.error-container,.oops-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.oops-container img{height:80px;width:80px}.oops-container button{font-size:18px!important;margin-top:25px}.resend-otp-container{color:#666;text-align:center}.resend-otp-container .resend-btn.disabled{cursor:default;opacity:.5;text-decoration:none}.resend-otp-container .timer{color:#004682;display:inline-block;font-family:Ikano Sans Bold;width:25px}.haapi{display:flex;flex-direction:column;hyphens:auto;overflow-wrap:break-word}@media screen and (min-width:769px){.haapi{margin-top:0}}.haapi .haapi__not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:10%}.haapi .loading{min-height:300px}.haapi .link-btn{background:none;border:none;font-size:18px}.haapi .haapi-links{align-items:center;display:flex;flex-direction:column;justify-content: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;display:flex;flex-direction:column;justify-content:center;padding:30px 0;width:100%}@media screen and (min-width:769px){.haapi .haapi-action{padding:0}}.haapi .haapi-action .haapi-action-title{font-weight:700;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{display:flex;flex-direction:column;position:relative}.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{color:#ec0000;display:block}.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{left:1.25rem;top: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;appearance:none;border:1px solid #959595;border-radius:2px;box-shadow:inset 0 0 0 1px transparent;color:#111;display:block;font-size:1rem;margin:0;outline:0;padding:1.9375rem 1rem .4375rem;position:unset;-webkit-transition:color border-radius box-shadow .3s .3s .3s;-moz-transition:color border-radius box-shadow .3s .3s .3s;-o-transition:color border-radius box-shadow .3s .3s .3s;transition:color border-radius box-shadow .3s .3s .3s;width:100%}.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{@rules ()}.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{@rules ()}.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{border-color:#0058a3;border-radius:4px;box-shadow:inset 0 0 0 1px #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{color:#0058a3;font-size:.75rem;top:1rem}.haapi .haapi-action .haapi-action-field .form-input .input-wrap label{color:#666;cursor:text;display:inline-block;font-family:Ikano Sans,Arial,sans-serif;font-size:1rem;font-weight:400;left:calc(1rem + 1px);padding-bottom:0;position:absolute;top:1.25rem}.haapi .haapi-action .haapi-action-field .form-input .input-wrap label em{color:#ec0000;font-style:normal;margin:0}.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{color:#666;display:flex;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;line-height:1.1429;margin-left:1rem;margin-right:1rem}.haapi .haapi-action .haapi-action-field-validation-error span{color:#666}.haapi .haapi-action .haapi-action-field-validation-error .error-badge{height:1rem;margin-right:.5rem;width:1rem}.haapi .haapi-action form button.btn{min-width:195px}.haapi .haapi-action form .form-buttons{align-items:center;display:flex;flex-direction:column-reverse;font-size:18px;justify-content:space-between;margin-bottom:10px;margin-top:26px}.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 .ikano-dropdown .error-text,.haapi .ikano-textfield .error-text{display:block}.haapi .password-field-icon{height:35%;position:absolute;right:20px;top: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}