.search-bar__result{border:1px solid var(--color-gray);background-color:var(--color-white);padding:var(--space-12);color:var(--color-black);border-top:0}.search-bar__result-list{gap:var(--space-24);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.search-bar__result-item{gap:var(--space-16);cursor:pointer;padding:var(--space-8);grid-template-columns:1fr;transition:background-color .3s;display:grid}@media (width>=48rem){.search-bar__result-item{padding:var(--space-12) var(--space-8)}}@media (width>=64rem){.search-bar__result-item{grid-template-columns:20% 1fr}}@media (width>=80rem){.search-bar__result-item{grid-template-columns:15% 1fr}}@media (width>=96rem){.search-bar__result-item{grid-template-columns:12% 1fr}}.search-bar__result-item:hover,.search-bar__result-item:focus,.search-bar__result-item:focus-visible{background:var(--color-brand-primary-10);outline:none}.search-bar__result-item-image{width:60%}@media (width>=64rem){.search-bar__result-item-image{width:100%}}.search-bar__result-item-content{gap:var(--space-8);flex-direction:column;display:flex}.search-bar__result-item-title{font-weight:500;font-size:var(--font-size-h5-l)}.search-bar__result-item-ingress{color:var(--color-gray-dark);font-size:var(--font-size-preamble-s)}.search-bar__result-item-highlight{background-color:var(--color-brand-light-red)}.search-bar__no-result{padding:var(--space-12);font-weight:500;font-size:var(--font-size-body-s)}