.banner{box-sizing:border-box;border:1px solid var(--banner-border);background-color:var(--banner-bg);--banner-bg:#fff;--banner-border:#e9edf3;--banner-title:#08385a;--banner-outline-border:#d3dae4;--banner-outline-text:#08385a;--banner-solid-bg:#0c5589;border-radius:8px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.banner--critique{--banner-bg:#fdf3f2;--banner-border:#bb00094d;--banner-title:#8d0007;--banner-outline-border:#8d0007;--banner-outline-text:#8d0007;--banner-solid-bg:#8d0007}.banner--positive{--banner-bg:#f2f8f2;--banner-border:#0775074d;--banner-title:#077507;--banner-outline-border:#077507;--banner-outline-text:#077507;--banner-solid-bg:#077507}.banner__content{text-align:start;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;display:flex}.banner__title{color:var(--banner-title);font-family:Raleway,system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1.5}.banner__text{color:var(--banner-title);font-family:Raleway,system-ui,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5}.banner__actions{flex-shrink:0;gap:12px;display:flex}.banner__button{box-sizing:border-box;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Raleway,system-ui,sans-serif;font-size:1rem;font-weight:500;line-height:1;display:inline-flex}.banner__button:focus-visible{outline-offset:2px;outline:2px solid #4e9ad0}.banner__button--outlined{border-color:var(--banner-outline-border);color:var(--banner-outline-text);background-color:#0000}.banner__button--solid{background-color:var(--banner-solid-bg);color:#fff}.banner__button-icon{width:16px;height:16px;color:inherit;flex-shrink:0;display:inline-flex}