@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.wrapper .component.loan-calculator .slider{display:none}
}
.wrapper .block-c .loan-calculator .compact,.wrapper .block-d .loan-calculator .compact,.wrapper .block-b .loan-calculator .compact{width:100%}
.component.loan-calculator{background-color:#fbf2ea;padding:32px 24px 16px}
.component.loan-calculator .content .loan-form{padding-bottom:8px}
.component.loan-calculator .content .loan-form form{padding:16px}
.component.loan-calculator .content .loan-form label,.component.loan-calculator .content .loan-form .label{display:block;font-size:.875rem;line-height:1rem;color:#512b2b;padding-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.component.loan-calculator .content .loan-form .field .error-container,.component.loan-calculator .content .loan-form .fields .error-container{color:#c5131c;padding-top:8px;line-height:1rem}
.component.loan-calculator .content .loan-form .field .error-container .error,.component.loan-calculator .content .loan-form .fields .error-container .error{pointer-events:none}
.component.loan-calculator .content .loan-form .fields.error legend.label{color:#c5131c}
.component.loan-calculator .content .loan-form .field{position:relative}
.component.loan-calculator .content .loan-form .field.error.combobox input{border-bottom-color:#c5131c}
.component.loan-calculator .content .loan-form .field.error select,.component.loan-calculator .content .loan-form .field.error textarea,.component.loan-calculator .content .loan-form .field.error input.form-textfield,.component.loan-calculator .content .loan-form .field.error .fancy-select{border-bottom-color:#c5131c}
.component.loan-calculator .content .loan-form .field.error label{color:#c5131c}
.component.loan-calculator .content .loan-form .field input:not([type=button]):not([type=range]){-webkit-box-shadow:0 0 0 1000px #fff inset;-moz-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}
.component.loan-calculator .content .loan-form .field input,.component.loan-calculator .content .loan-form .field input[type="number"]::-webkit-inner-spin-button,.component.loan-calculator .content .loan-form .field input[type="date"]::-webkit-inner-spin-button,.component.loan-calculator .content .loan-form .field button,.component.loan-calculator .content .loan-form .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.component.loan-calculator .content .loan-form .field input[type="number"]{-moz-appearance:textfield}
.component.loan-calculator .content .loan-form .field textarea,.component.loan-calculator .content .loan-form .field input.form-textfield{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.component.loan-calculator .content .loan-form .field input[type="text"]::-ms-clear{display:none}
.component.loan-calculator .content .loan-form .field input[type="text"],.component.loan-calculator .content .loan-form .field input[type="number"],.component.loan-calculator .content .loan-form .field input[type="password"],.component.loan-calculator .content .loan-form .field textarea,.component.loan-calculator .content .loan-form .field select,.component.loan-calculator .content .loan-form .field input.form-textfield,.component.loan-calculator .content .loan-form .field .fancy-select{height:48px;line-height:3rem;outline:0;background:#fff;border:0;display:block;width:100%;border-bottom:2px solid #d4c4bc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;font-size:1rem;font-family:SwedbankSansRegular,Arial,sans-serif;color:#512b2b}
.component.loan-calculator .content .loan-form .field input[type="text"]::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field input[type="number"]::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field input[type="password"]::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field textarea::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field select::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field input.form-textfield::-webkit-input-placeholder,.component.loan-calculator .content .loan-form .field .fancy-select::-webkit-input-placeholder{line-height:3rem;color:#72605e}
.component.loan-calculator .content .loan-form .field input[type="text"]:-moz-placeholder,.component.loan-calculator .content .loan-form .field input[type="number"]:-moz-placeholder,.component.loan-calculator .content .loan-form .field input[type="password"]:-moz-placeholder,.component.loan-calculator .content .loan-form .field textarea:-moz-placeholder,.component.loan-calculator .content .loan-form .field select:-moz-placeholder,.component.loan-calculator .content .loan-form .field input.form-textfield:-moz-placeholder,.component.loan-calculator .content .loan-form .field .fancy-select:-moz-placeholder{line-height:3rem;color:#72605e}
.component.loan-calculator .content .loan-form .field input[type="text"]::-moz-placeholder,.component.loan-calculator .content .loan-form .field input[type="number"]::-moz-placeholder,.component.loan-calculator .content .loan-form .field input[type="password"]::-moz-placeholder,.component.loan-calculator .content .loan-form .field textarea::-moz-placeholder,.component.loan-calculator .content .loan-form .field select::-moz-placeholder,.component.loan-calculator .content .loan-form .field input.form-textfield::-moz-placeholder,.component.loan-calculator .content .loan-form .field .fancy-select::-moz-placeholder{line-height:3rem;color:#72605e}
.component.loan-calculator .content .loan-form .field input[type="text"]:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field input[type="number"]:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field input[type="password"]:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field textarea:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field select:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field input.form-textfield:-ms-input-placeholder,.component.loan-calculator .content .loan-form .field .fancy-select:-ms-input-placeholder{line-height:3rem;color:#72605e}
.component.loan-calculator .content .loan-form .field input[type="text"] ::placeholder,.component.loan-calculator .content .loan-form .field input[type="number"] ::placeholder,.component.loan-calculator .content .loan-form .field input[type="password"] ::placeholder,.component.loan-calculator .content .loan-form .field textarea ::placeholder,.component.loan-calculator .content .loan-form .field select ::placeholder,.component.loan-calculator .content .loan-form .field input.form-textfield ::placeholder,.component.loan-calculator .content .loan-form .field .fancy-select ::placeholder{line-height:3rem;color:#72605e}
.component.loan-calculator .content .loan-form .field textarea{min-height:80px;resize:vertical;font-size:1.125rem;line-height:1.375rem;padding:10px 8px}
.component.loan-calculator .content .loan-form .field.checkbox,.component.loan-calculator .content .loan-form .field.radio{position:relative;cursor:pointer}
.component.loan-calculator .content .loan-form .field.checkbox label,.component.loan-calculator .content .loan-form .field.radio label{position:relative;padding-left:28px;padding-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;font-family:SwedbankSansRegular,Arial,sans-serif;font-size:1.125rem;line-height:1.375rem;min-height:22px}
.component.loan-calculator .content .loan-form .field.checkbox label::before,.component.loan-calculator .content .loan-form .field.radio label::before{content:'';position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:2px solid #999;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.component.loan-calculator .content .loan-form .field.checkbox input,.component.loan-calculator .content .loan-form .field.radio input{position:absolute;opacity:0;left:0;top:0}
.component.loan-calculator .content .loan-form .field.checkbox input.selected ~ label:before,.component.loan-calculator .content .loan-form .field.radio input.selected ~ label:before,.component.loan-calculator .content .loan-form .field.checkbox input:checked ~ label:before,.component.loan-calculator .content .loan-form .field.radio input:checked ~ label:before{border-color:#72605e}
.component.loan-calculator .content .loan-form .field.checkbox input.selected ~ label::before,.component.loan-calculator .content .loan-form .field.radio input.selected ~ label::before,.component.loan-calculator .content .loan-form .field.checkbox input:checked ~ label::before,.component.loan-calculator .content .loan-form .field.radio input:checked ~ label::before{border-width:6px}
.component.loan-calculator .content .loan-form .field.checkbox input[type="radio"].selected ~ label::before,.component.loan-calculator .content .loan-form .field.radio input[type="radio"].selected ~ label::before,.component.loan-calculator .content .loan-form .field.checkbox input[type="radio"]:checked ~ label::before,.component.loan-calculator .content .loan-form .field.radio input[type="radio"]:checked ~ label::before{background:#fff}
.component.loan-calculator .content .loan-form .field.checkbox.disabled input ~ label::before,.component.loan-calculator .content .loan-form .field.radio.disabled input ~ label::before{border-color:#929293;background:#ece7e2}
.component.loan-calculator .content .loan-form .field.checkbox.disabled input[type="radio"]:checked ~ label::before,.component.loan-calculator .content .loan-form .field.radio.disabled input[type="radio"]:checked ~ label::before,.component.loan-calculator .content .loan-form .field.checkbox.disabled input[type="radio"].selected ~ label::before,.component.loan-calculator .content .loan-form .field.radio.disabled input[type="radio"].selected ~ label::before{border-color:#929293;background:#fff}
.component.loan-calculator .content .loan-form .field.checkbox input[type="radio"] ~ label::before,.component.loan-calculator .content .loan-form .field.radio input[type="radio"] ~ label::before{top:0;width:20px;height:20px}
.component.loan-calculator .content .loan-form .field.checkbox label:before{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.component.loan-calculator .content .loan-form .field.checkbox svg{position:absolute;z-index:1;width:13px;left:4px;top:4px;height:13px;visibility:hidden;opacity:0;color:#fff;pointer-events:none}
.component.loan-calculator .content .loan-form .field.checkbox input[type="checkbox"]:checked+svg{visibility:visible;opacity:1}
.component.loan-calculator .content .loan-form .field.checkbox input[type="checkbox"]:checked ~ label:before{background:#72605e;border-color:#72605e}
.component.loan-calculator .content .loan-form .field.checkbox.disabled input[type="checkbox"]:checked ~ label:before{border-color:#929293;background:#929293}
.component.loan-calculator .content .loan-form .field.checkbox input[type="checkbox"] ~ label::before{width:20px;height:20px}
.component.loan-calculator .content .loan-form .field .fancy-select{padding-right:48px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative}
.component.loan-calculator .content .loan-form .field .fancy-select::before{content:"";position:absolute;width:9px;height:6px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:17px;background:url("../../../../../etc/designs/wcms/images/icons.svg#arrow-triangle-turquoise-down-view");background-size:cover}
.component.loan-calculator .content .loan-form .field .fancy-select.combo{padding-left:0}
.component.loan-calculator .content .loan-form .field .fancy-select.combo input{padding:0 0 0 12px}
.component.loan-calculator .content .loan-form .field .fancy-select.combo .fancy-select-dropdown{border:0;box-shadow:0 3px 5px rgba(0,0,0,0.25)}
.component.loan-calculator .content .loan-form .field .fancy-select.combo .fancy-select-dropdown li{height:48px;padding-left:12px;line-height:48px}
.component.loan-calculator .content .loan-form .field .fancy-select.combo .fancy-select-dropdown li span.combobox-match{color:#31a3ae}
.component.loan-calculator .content .loan-form .field .fancy-select.combo .fancy-select-dropdown li:hover,.component.loan-calculator .content .loan-form .field .fancy-select.combo .fancy-select-dropdown li.active{background-color:#ebe7e2;color:#512b2b}
.component.loan-calculator .content .loan-form .field .fancy-select::before{z-index:2;width:12px;height:9px}
.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-value{pointer-events:none;overflow:hidden}
.component.loan-calculator .content .loan-form .field .fancy-select input.fancy-select-value{pointer-events:all}
.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-dropdown{position:absolute;z-index:5;left:0;top:48px;width:100%;background:#fff;border:1px solid #797979;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:240px;overflow:auto}
.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-dropdown li{line-height:1.5rem;height:24px;padding:0 8px}
.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-dropdown li.active,.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-dropdown li:hover{background:#1e90ff;color:#fff}
.component.loan-calculator .content .loan-form .field .fancy-select .fancy-select-dropdown li[data-disabled]{background:#faf9f6;color:#767676;cursor:default}
.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.error):not(.disabled):not(.combobox) label{color:#257886}
.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="text"],.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="number"],.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="email"],.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="password"],.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) textarea,.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) select,.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio):not(.disabled) .fancy-select{border-color:#31a3ae}
.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio) .fancy-select::after{content:'';position:absolute;width:calc(48px - 2px);height:calc(48px - 2px);top:0;right:0;background:#f2f2f2;z-index:1}
.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio) .fancy-select-dropdown{display:block}
.component.loan-calculator .content .loan-form .field.active.radio label:before{background:#fbf2ea;border-color:#a38b80}
.component.loan-calculator .content .loan-form .field.active.checkbox label:before,.component.loan-calculator .content .loan-form .field.hover.checkbox label:before,.component.loan-calculator .content .loan-form .field.active.radio label:before,.component.loan-calculator .content .loan-form .field.hover.radio label:before{background:#fbf2ea;border-color:#a38b80}
.component.loan-calculator .content .loan-form .field.disabled textarea,.component.loan-calculator .content .loan-form .field.disabled select,.component.loan-calculator .content .loan-form .field.disabled input[type="text"],.component.loan-calculator .content .loan-form .field.disabled input[type="number"],.component.loan-calculator .content .loan-form .field.disabled input.form-textfield{background:#faf9f6}
.component.loan-calculator .content .loan-form .field.disabled .fancy-select{background:#f9f8f6}
.component.loan-calculator .content .loan-form .field.field-with-help .field-container{position:relative;padding-right:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.component.loan-calculator .content .loan-form .field.field-with-help .field-container .field-help-button{position:absolute;right:0;top:0;bottom:0;width:36px;cursor:pointer}
.component.loan-calculator .content .loan-form .field.field-with-help .field-container .field-help-button svg{color:#ee7023;height:24px;width:24px;cursor:pointer;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.component.loan-calculator .content .loan-form .field.field-with-help .field-help{line-height:1.25rem;color:#512b2b;background-color:#f9f8f6;margin-top:8px;padding:12px;border:2px solid #ee7023;border-left:0;border-right:0}
.component.loan-calculator .content .loan-form .cmp ~ .cmp>.field,.component.loan-calculator .content .loan-form .cmp ~ .cmp>.fields{margin-top:24px}
.component.loan-calculator .content .loan-form .captcha.field{margin:24px 0}
.component.loan-calculator .content .loan-form .captcha.field .captcha-error{border:3px solid #c5131c;position:absolute;top:22px;left:12px;width:23px;height:23px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;pointer-events:none}
.component.loan-calculator .content .loan-form .checkbox-list:after,.component.loan-calculator .content .loan-form .radio-list:after{content:"";display:table;clear:both}
.component.loan-calculator .content .loan-form .checkbox-list.horizontal,.component.loan-calculator .content .loan-form .radio-list.horizontal{margin:-8px -12px;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.component.loan-calculator .content .loan-form .checkbox-list.horizontal li,.component.loan-calculator .content .loan-form .radio-list.horizontal li{margin:8px 12px}
.component.loan-calculator .content .loan-form .checkbox-list.vertical,.component.loan-calculator .content .loan-form .radio-list.vertical{margin:-4px -12px}
.component.loan-calculator .content .loan-form .checkbox-list.vertical li,.component.loan-calculator .content .loan-form .radio-list.vertical li{float:left;clear:both;margin:8px 12px}
.component.loan-calculator .content .loan-form fieldset{margin-bottom:8px;border:0}
.component.loan-calculator .content .loan-form fieldset legend{font-family:SwedbankHeadlineBold,Arial,sans-serif}
.component.loan-calculator .content .loan-form .options-help{margin-bottom:8px}
@media screen and (max-width:37.4375em){.component.loan-calculator .content .loan-form .field label,.component.loan-calculator .content .loan-form .field .label{font-size:.75rem}
.component.loan-calculator .content .loan-form .field input[type="text"],.component.loan-calculator .content .loan-form .field input[type="password"],.component.loan-calculator .content .loan-form .field input[type="date"],.component.loan-calculator .content .loan-form .field input[type="number"],.component.loan-calculator .content .loan-form .field select,.component.loan-calculator .content .loan-form .field .fancy-select{height:40px;line-height:2.5rem}
.component.loan-calculator .content .loan-form .field .fancy-select{padding-right:40px}
.component.loan-calculator .content .loan-form .field .fancy-select svg{right:calc((40px - 2px)/2 - 6px)}
.component.loan-calculator .content .loan-form .field.active:not(.checkbox):not(.radio) .fancy-select::after{width:calc(40px - 2px);height:calc(40px - 2px)}
.component.loan-calculator .content .loan-form .field.field-with-help .field-container .field-help-button{height:40px}
.component.loan-calculator .content .loan-form .field.checkbox label,.component.loan-calculator .content .loan-form .field.radio label{font-size:.875rem;line-height:1.125rem}
.component.loan-calculator .content .loan-form .fields>.label{font-size:.75rem;line-height:1rem}
}
.component.loan-calculator .content .loan-form .error-container{position:relative;min-height:72px;background-color:#f9ded3;min-width:100%;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);border-top:2px solid #c5131c}
.component.loan-calculator .content .loan-form .error-container .error-icon{position:absolute;min-width:40px;border-radius:0 20px 20px 0;background-color:#c5131c;height:32px;width:40px}
.component.loan-calculator .content .loan-form .error-container .error-icon::before{position:absolute;content:"";background-image:url("../../../../../etc/designs/wcms/images/icons.svg#alert-view");width:16px;height:16px;top:8px;left:16px}
.component.loan-calculator .content .loan-form .error-container .error{padding:8px 24px 12px 56px;color:#512b2b;font-size:.875rem;line-height:1.375rem}
.component.loan-calculator .content .loan-form label:not(.input-label){padding-top:4px}
.component.loan-calculator .content .loan-form .field{position:relative;box-sizing:border-box;padding:0 4px}
.component.loan-calculator .content .loan-form .field .slider{padding-top:16px}
.component.loan-calculator .content .loan-form .field .input-wrapper{position:relative}
.component.loan-calculator .content .loan-form .field .input-wrapper .inside-label{position:absolute;text-align:right;right:8px;font-size:1rem;font-family:SwedbankSansRegular,Arial,sans-serif;bottom:14px}
.component.loan-calculator .content .loan-result-wrapper{padding-top:16px;font-size:.875rem;line-height:1rem;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;margin:12px 0 -8px}
.component.loan-calculator .content .loan-result-wrapper .loan-result-value{padding-top:4px;font-size:1.25rem;line-height:1.5rem;font-family:SwedbankSansMedium,Arial,sans-serif}
.component.loan-calculator .content .representative-example{font-size:.75rem;line-height:.875rem;border-top:1px solid #ebe7e2;margin-top:12px;padding:16px 0 0}
.component.loan-calculator .content .representative-example .representative-headline{font-weight:bold}
.component.loan-calculator .content .representative-example p{padding-top:4px}
.component.loan-calculator.new-aem-Grid .aem-Grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.component.loan-calculator.new-aem-Grid .aem-Grid+.aem-Grid{padding-top:24px}
.component.loan-calculator.new-aem-Grid .aem-Grid>.aem-GridColumn[class*="aem-GridColumn--default-"]{width:auto}
.component.loan-calculator.new-aem-Grid .loan-result-wrapper{padding:12px 0;margin-top:24px}
@media screen and (max-width:37.4375em){.wrapper .component.loan-calculator .content .loan-form .inside-label{bottom:8px}
}