#breadcrumbs,main{--content-w:var(--page-w)}.loanselector{--accent:var(--blue-40);--hilite:var(--blue-45);--neutral:var(--blue-95);--fullArrow:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23000"><path d="M1 12h22M12 1l11 11-11 11"/></svg>')}@media(max-width:63.99em){.loanselector{grid-template-columns:unset}}@media(min-width:64em){.loanselector{align-items:end;grid-template-columns:1fr 1fr;min-height:30em}}.loanselector figure :is(img,svg){display:block;height:auto;margin-inline:auto;max-width:100%;width:42em}.loanselector #noscript{display:block;margin:1em 0}.loanselector h1{all:unset;display:block;margin-bottom:1em}.loanselector h2{font-size:225%}.loanselector .step{position:relative}.loanselector .info{border-radius:var(--box-r);margin-top:var(--std-s);padding:var(--std-s)}.loanselector #step-1 .info{background:var(--yellow-95)}.loanselector .tip.dcl-trigger{color:var(--accent);margin:0;padding:0;position:relative;vertical-align:middle}.loanselector .tip.dcl-trigger .icon{display:block;width:1em}.loanselector .tip.dcl-trigger:is([aria-expanded=true]):before{border-color:var(--info-background-color) #0000;border-style:solid;border-width:0 .6rem 1.4rem;content:"";position:absolute;transform:translate(-50%,1em);z-index:2}.loanselector .tip.dcl-content{background:var(--info-background-color);border-radius:var(--box-r);box-shadow:var(--shadow);font-size:1rem;font-weight:400;margin:var(--sml-s) var(--sml-s) 0;padding:var(--std-s);position:absolute;z-index:1}.loanselector :is(button,a.button,input){margin:var(--std-s) var(--sml-s) 0 0}.loanselector .richtext{margin-top:var(--std-s)}.loanselector .answers a{display:inline-block;max-width:9em;text-align:center;width:100%}.loanselector .answers a svg{display:none}.loanselector .previous{border:none;display:flex;gap:var(--sml-s)}.loanselector .previous:before{aspect-ratio:1;background-color:currentColor;content:"";mask-image:var(--fullArrow);transform:rotate(180deg);transition:.2s ease-in-out;width:var(--icon-s)}.loanselector .previous:hover:before{transform:translateX(-10px) rotate(180deg)}.loanselector .textlink--wrapper a{display:inline-block;margin:1em 2em 0 0}#municipalityInput{width:100%}#suggestions{background:var(--gray-100);margin-top:8px;max-height:10em;overflow-y:auto;position:absolute;width:100%}.suggestion-item{cursor:pointer;padding:8px}.suggestion-item:is(:hover,.highlighted){background-color:var(--blue-95)}
/*# sourceMappingURL=loan.css.map*/