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