#emptyConversation:has(#webInformationBanners:not(.hidden)){display:grid;place-items:center;overflow-y:auto;padding:20px}
#emptyConversation:has(#webInformationBanners:not(.hidden))>:not(#webInformationBanners){display:none!important}
#webInformationBanners:not(.hidden){width:min(100%,514px);max-width:514px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-content:center}
#webInformationBanners .web-information-banner{aspect-ratio:1;min-height:0;border-radius:8px;overflow:auto;box-shadow:none}
#webInformationBanners .web-information-banner:nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}
.web-information-banner{position:relative;padding-right:38px}
.web-information-dismiss{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
.web-information-dismiss:hover,.web-information-dismiss:focus-visible{background:var(--line);color:var(--ink)}
#webSidebarBanners:not(.hidden){display:grid;gap:6px;flex:none;max-height:min(35vh,280px);overflow-y:auto;margin:8px 10px 4px}
#webSidebarBanners .web-information-banner{aspect-ratio:auto;min-height:0;padding:10px 38px 10px 12px;border-radius:7px;box-shadow:none;background:var(--panel)}
#webSidebarBanners .web-information-banner strong{font-size:14px}
#webSidebarBanners .web-information-banner p{font-size:12px;-webkit-line-clamp:2}
#webSidebarBanners .web-information-actions{margin-top:6px}
@media(max-width:540px){#webInformationBanners:not(.hidden){width:min(100%,250px);grid-template-columns:minmax(0,1fr)}#webInformationBanners .web-information-banner:nth-child(3):last-child{grid-column:auto;width:100%}}