.m7-ds .m7-banner{--m7-banner-tone:var(--m7-text-2);--m7-banner-ink:var(--m7-text-2);color:var(--m7-text-2);align-items:flex-start;gap:10px;display:flex;position:relative}.m7-ds .m7-banner[data-tone=info]{--m7-banner-tone:var(--m7-info);--m7-banner-ink:var(--m7-info)}.m7-ds .m7-banner[data-tone=success]{--m7-banner-tone:var(--m7-success);--m7-banner-ink:var(--m7-success)}.m7-ds .m7-banner[data-tone=warning]{--m7-banner-tone:var(--m7-warning);--m7-banner-ink:var(--m7-warning)}.m7-ds .m7-banner[data-tone=danger]{--m7-banner-tone:var(--m7-danger);--m7-banner-ink:var(--m7-danger)}.m7-ds .m7-banner[data-tone=accent]{--m7-banner-tone:var(--m7-accent);--m7-banner-ink:var(--m7-accent-text)}.m7-ds .m7-banner-icon{color:var(--m7-banner-ink);flex:none;margin-top:1px}.m7-ds .m7-banner-text{flex:1;min-width:0}.m7-ds .m7-banner-title{color:var(--m7-text-1);margin:0;font-size:13px;font-weight:600;line-height:18px}.m7-ds .m7-banner-body{font-size:var(--m7-fs-small);line-height:var(--m7-lh-small);color:var(--m7-text-2)}.m7-ds .m7-banner-title+.m7-banner-body{margin-top:2px}.m7-ds .m7-banner-body p{margin:0}.m7-ds .m7-banner-actions{flex-wrap:wrap;flex:none;align-self:center;gap:4px;display:flex}.m7-ds .m7-banner-actions a.m7-btn{text-decoration:none}.m7-ds .m7-banner-close{flex:none;align-self:center}.m7-ds .m7-banner[data-variant=callout]{border-radius:var(--m7-radius-md);border:1px solid color-mix(in srgb,var(--m7-banner-tone)34%,transparent);background:color-mix(in srgb,var(--m7-banner-tone)10%,transparent);padding:12px 14px}.m7-ds .m7-banner[data-variant=callout][data-tone=neutral]{background:var(--m7-surface-2);border-color:var(--m7-line-2)}.m7-ds .m7-banner[data-variant=system]{border-bottom:1px solid color-mix(in srgb,var(--m7-banner-tone)34%,transparent);background:color-mix(in srgb,var(--m7-banner-tone)10%,var(--m7-canvas));align-items:center;min-height:40px;padding:4px 8px 4px 16px}.m7-ds .m7-banner[data-variant=system] .m7-banner-icon{margin-top:0}.m7-ds .m7-banner[data-variant=system] .m7-banner-text{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.m7-ds .m7-banner[data-variant=system] .m7-banner-title+.m7-banner-body{margin-top:0}.m7-ds .m7-banner-link{cursor:pointer;border-radius:var(--m7-radius-xs);font:500 var(--m7-fs-small)/var(--m7-lh-small)var(--m7-font-sans);color:var(--m7-banner-ink);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.m7-ds .m7-banner-link:hover{color:var(--m7-text-1)}@media (pointer:coarse){.m7-ds .m7-banner-link{align-items:center;min-height:44px;display:inline-flex}}