.banner{color:var(--baseBlack);border-style:solid;border-width:1px;border-radius:8px;grid-template-columns:min-content 1fr min-content;align-items:center;height:min-content;padding:16px;font-size:16px;line-height:26px;display:grid}.banner .banner-content{grid-template-columns:minmax(50%,1fr) minmax(0,auto);display:grid}.banner .banner-content .text-content>*{max-width:72ch}.banner .banner-content .actions{grid-gap:16px;grid-auto-flow:column;justify-self:end;margin-left:16px;display:flex}.banner .banner-content .actions button{height:min-content}.banner .banner-content .actions button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=903px){.banner .banner-content{grid-template-rows:max-content max-content;grid-template-columns:1fr}.banner .banner-content .actions{justify-self:end;margin-top:16px}}.banner .start-icon{place-self:self-start start;margin-right:16px}.banner .end-icon{cursor:pointer;align-self:self-start;margin-left:16px}.banner.no-round{border-radius:0}.banner.full-width{width:100%}.banner.info-banner{background-color:var(--blue150);border-color:var(--grey400)}.banner.alert-banner{background-color:var(--red200);border-color:var(--red800)}.banner.warning-banner{background-color:var(--orangy200);border-color:var(--orangy800)}.banner.warning-banner .start-icon{color:var(--orangy800)}.banner.success-banner{background-color:var(--green200);border-color:var(--green800)}
