.banner{display:block;margin-block:var(--space-fixed-3)}.banner__content{align-items:center;background-color:var(--color-bg);border-radius:var(--bdrs);color:var(--color-text);display:grid;grid-column:1/-1;grid-template-columns:subgrid;padding:var(--space-fixed-2);row-gap:var(--space-fixed-3)}.theme-light .banner__content{--color-bg: var(--color-white)}.theme-blue .banner__content{--color-bg: var(--color-blue);--color-text: var(--color-black)}.banner__text{--ff: var(--ff-sans-secondary);--fz: 1.125rem;--lh: 1.12;grid-column:1/7;grid-row:1;max-inline-size:85%}@media(min-width: 37.5em){.banner__text{max-inline-size:70%}}@media(min-width: 60em){.banner__text{grid-column:1/7;max-inline-size:100%}}.banner__cta-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1.125rem;grid-column:1/-1;justify-self:start}@media(min-width: 37.5em){.banner__cta-wrapper{grid-column:4/-1;grid-row:1;justify-self:end}}@media(min-width: 60em){.banner__cta-wrapper{grid-column:7/-1;justify-self:end}}.banner__close{display:none;line-height:1}@media(min-width: 37.5em){.banner__close{display:block}}.banner__close-mobile{display:block;grid-column:1/-1;grid-row:1;place-self:start end}@media(min-width: 37.5em){.banner__close-mobile{display:none}}.banner--fixed .banner__content{animation:banner-fixed-in var(--trs-time) var(--trs-tfunc) both;grid-template-columns:auto;inline-size:min(25.75rem,100% - var(--space-outer)*2);inset-block-end:calc(var(--space-outer)*1.5);inset-inline-end:var(--space-outer);position:fixed;row-gap:var(--space-fixed-1);will-change:transform,opacity;z-index:var(--z-header-high)}.banner--fixed .banner__text{--fz: 1rem;grid-column:1/-1}.banner--fixed .banner__cta-wrapper{grid-column:1/-1;grid-row:auto;justify-self:start}.banner--fixed .banner__cta .btn--text{--ff: var(--ff-sans-secondary);--color-text-btn: var(--color-text-link);--color-text-btn-hover: var(--color-text-link-hover)}.banner--fixed .banner__close{display:none}.banner--fixed .banner__close-mobile{display:block;font-size:.8125rem;grid-column:-1;padding:.25rem .375rem;transition:color var(--trs-time) var(--trs-tfunc)}@keyframes banner-fixed-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.banner--fixed .banner__content{animation:none}}

/*# sourceMappingURL=banner.css.map */