.nv-banner-root{box-sizing:border-box;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:var(--border-width-1);border-color:var(--border-color);background-color:var(--bg-color);width:100%;min-height:40px;color:var(--text-color);padding:calc(var(--spacing)*2);font-family:var(--font-sans);font-size:var(--text-14);--tw-leading:var(--leading-lh-150);line-height:var(--leading-lh-150);--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular);align-items:center;display:flex;container-type:inline-size;&,&:where(.nv-banner-root--status-info){--bg-color:var(--background-color-feedback-info);--text-color:var(--text-color-feedback-info-inverse);--border-color:var(--border-color-feedback-info)}&.nv-banner-root--status-error{--bg-color:var(--background-color-feedback-danger);--text-color:var(--text-color-feedback-danger-inverse);--border-color:var(--border-color-feedback-danger)}&.nv-banner-root--status-warning{--bg-color:var(--background-color-feedback-warning);--text-color:var(--text-color-feedback-warning-inverse);--border-color:var(--border-color-feedback-warning)}&.nv-banner-root--status-success{--bg-color:var(--background-color-feedback-success);--text-color:var(--text-color-feedback-success-inverse);--border-color:var(--border-color-feedback-success)}&.nv-banner-root--kind-header{padding:calc(var(--spacing)*4);& .nv-banner-icon{align-self:flex-start}& .nv-banner-heading{font-family:var(--font-sans);font-size:var(--text-16);--tw-leading:var(--leading-lh-150);line-height:var(--leading-lh-150);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}&.nv-banner-root--kind-global{border-radius:0;border-radius:var(--radius-none);border-style:var(--tw-border-style);border-width:0;& .nv-banner-content{justify-content:center}}& .nv-banner-icon{padding-block:calc(var(--spacing)*1);font-size:var(--text-16)}& .nv-banner-header{gap:calc(var(--spacing)*1);flex-direction:column;display:flex}& .nv-banner-layout{gap:calc(var(--spacing)*2);grid-template-columns:1fr auto auto;grid-template-areas:"content actions close-button";width:100%;display:grid;& .nv-banner-content{align-items:center;gap:calc(var(--spacing)*2);grid-area:content;width:100%;display:flex}& .nv-banner-actions-section{justify-content:flex-end;place-items:start;gap:calc(var(--spacing)*2);flex-wrap:wrap;grid-area:actions;display:flex}& .nv-banner-close-button-section{grid-area:close-button}@container (width<400px){&{grid-template-columns:1fr auto;grid-template-areas:"content close-button""actions actions"}& .nv-banner-close-button-section{place-content:start}& .nv-banner-content{justify-content:flex-start!important}}}&.nv-banner-root--actionsPosition-bottom .nv-banner-layout{grid-template-columns:1fr auto;grid-template-areas:"content close-button""actions actions";& .nv-banner-close-button-section{place-content:start}& .nv-banner-content{justify-content:flex-start!important}}}