.base-banner{align-items:center;background-color:var(--color-secondary-dark);border-radius:var(--borderRadius-xs);color:var(--color-lightest);display:grid;gap:1.25rem;grid-template-areas:"logo logo" "title arrow";grid-template-columns:auto 1fr;padding:var(--spacing-lg);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);width:100%}.base-banner:active,.base-banner:focus,.base-banner:hover{background-color:var(--color-secondary-light);color:var(--color-darkest)}.base-banner:active{background-color:var(--color-gray-300);color:var(--color-lightest)}.base-banner__image{grid-area:logo;height:1.5rem}.base-banner__content{color:var(--color-darkest);color:inherit;font-family:var(--font-family-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-secondary-bold);grid-area:title;letter-spacing:-1px;line-height:var(--lineHeight-sm);line-height:var(--lineHeight-md);line-height:1;padding-top:4px}@media screen and (min-width:1105px){.base-banner__content{font-size:var(--font-size-md)}}.base-banner__arrow.dn-icon{font-size:1.75rem;grid-area:arrow;justify-self:flex-end;transform:translate(0);transition:transform var(--transition-fast);width:1.5rem}:hover>.base-banner__arrow.dn-icon{transform:translate(4px)}.base-banner--secondary{background-color:var(--color-light-gray);color:var(--color-darkest)}.base-banner--secondary:active,.base-banner--secondary:focus,.base-banner--secondary:hover{background-color:var(--color-secondary-light);color:var(--color-darkest)}.banner-list{display:grid;gap:1.5rem;grid-template-columns:1fr}@media screen and (min-width:321px){.banner-list{display:grid;gap:1.8125rem;grid-template-columns:repeat(auto-fill,minmax(18.6875rem,1fr))}}@media screen and (min-width:1105px){.banner-list{grid-template-columns:repeat(auto-fill,minmax(22.5rem,1fr))}}.banner-list--extra-spacing{margin-top:var(--spacing-lg)}