.component.branch-office-search form{display:grid;row-gap:24px;margin-top:calc(-8px / 2)}
.component.branch-office-search .to-replace{font-weight:bold}
.component.branch-office-search .search-field-wrapper{max-width:680px}
.component.branch-office-search fieldset .label{padding-bottom:4px}
.component.branch-office-search .field.single{margin-bottom:-4px}
.component.branch-office-search .letter section.component.headline{padding:56px 0 16px}
.component.branch-office-search .show-total span{font-weight:bold}
.component.branch-office-search .results{display:grid;gap:8px}
.component.branch-office-search .results li{background:var(--surface-brandBright);padding:16px;display:grid;gap:8px}
.component.branch-office-search .results li .search-result-link{text-underline-offset:5px;font-size:1.1875rem;line-height:1.75rem;text-decoration-thickness:2px}
.component.branch-office-search .results li .office-footer{display:flex;justify-content:space-between;align-items:end}
.component.branch-office-search .results li .office-types{display:flex;gap:8px;flex-wrap:wrap;align-items:end;flex-direction:column}
.component.branch-office-search .results li .office-types .office-type-tag{background-color:var(--componentSpecific-surfaceTagKeywordBackground);color:var(--text-regularHighStatic);padding:1px 4px;font-size:1rem;line-height:1.375rem;font-weight:700;border-radius:6px;width:fit-content;display:inline-block}
.component.branch-office-search .results .bankname{font-weight:700;line-height:1.5rem}
.component.branch-office-search .results .address{line-height:1.5rem}
.component.branch-office-search .results.non-alphabetical{margin-top:56px}
.component.branch-office-search .results.non-alphabetical li>*:not(:first-child){padding-left:24px}
@media screen and (min-width:37.5em){.component.branch-office-search .results li{padding:24px}
.component.branch-office-search .results li .search-result-link{font-size:1.375rem;line-height:1.875rem}
}
@media screen and (min-width:56.5625em){.component.branch-office-search form{row-gap:16px}
.component.branch-office-search .letter section.component.headline{padding-top:32px}
.component.branch-office-search fieldset.chipped-search{padding-bottom:14px}
.component.branch-office-search .results.non-alphabetical{margin-top:32px}
.component.branch-office-search .results.alphabet{grid-template-columns:1fr 1fr}
.component.branch-office-search .results li.letter{grid-column:1 / 3}
}