.zcui-banner{box-sizing:border-box;display:grid;grid-template-columns:var(--zcui-space-20) minmax(0,1fr) auto;grid-gap:var(--zcui-space-12);gap:var(--zcui-space-12);align-items:start;margin:0;padding:var(--zcui-space-14) var(--zcui-space-16);border-radius:var(--zcui-radius-lg)}.zcui-banner[data-controls="2"]{grid-template-columns:var(--zcui-space-20) minmax(0,1fr) auto auto}.zcui-banner[data-tone=warning]{background:var(--zcui-color-amber-a14)}.zcui-banner[data-tone=info]{background:var(--zcui-color-brand-50)}.zcui-banner[data-tone=success]{background:var(--zcui-color-emerald-50)}.zcui-banner-mark{display:grid;place-items:center;width:var(--zcui-space-20);height:var(--zcui-space-20);border-radius:50%;color:var(--zcui-color-neutral-950);font-family:var(--zcui-font-display);font-size:calc(var(--zcui-type-caption-size) - 1px);font-weight:var(--zcui-type-display-weight);line-height:normal}.zcui-banner[data-tone=warning] .zcui-banner-mark{background:var(--zcui-color-amber-500)}.zcui-banner[data-tone=info] .zcui-banner-mark{background:var(--zcui-color-accent-brand);color:var(--zcui-color-neutral-0)}.zcui-banner[data-tone=success] .zcui-banner-mark{background:var(--zcui-color-emerald-500)}.zcui-banner-title{display:block;color:var(--zcui-color-text-primary);font-family:var(--zcui-font-display);font-size:var(--zcui-type-button-size);font-weight:var(--zcui-type-title-weight);line-height:normal}.zcui-banner-body{display:block;font-family:var(--zcui-font-text);font-size:var(--zcui-type-body-sm-size);font-weight:var(--zcui-type-body-sm-weight);line-height:1.55}.zcui-banner[data-tone=warning] .zcui-banner-body{color:var(--zcui-color-neutral-800)}.zcui-banner[data-tone=info] .zcui-banner-body{color:var(--zcui-color-text-secondary)}.zcui-banner[data-tone=success] .zcui-banner-body{color:var(--zcui-color-emerald-800)}.zcui-banner-action{padding:0;background:none;color:var(--zcui-color-accent-brand-ink);font-size:var(--zcui-type-label-size);font-weight:var(--zcui-type-label-weight);white-space:nowrap}.zcui-banner-action,.zcui-banner-dismiss{margin:0;border:0;font-family:var(--zcui-font-display);line-height:normal;letter-spacing:inherit;cursor:pointer}.zcui-banner-dismiss{box-sizing:border-box;width:var(--zcui-space-24);height:var(--zcui-space-24);padding:1px var(--zcui-space-6);border-radius:calc(var(--zcui-radius-xs) + 1px);background:transparent;color:var(--zcui-color-text-secondary);font-size:var(--zcui-type-button-size);font-weight:var(--zcui-type-button-weight)}.zcui-banner-action:focus-visible,.zcui-banner-dismiss:focus-visible{outline:2px solid var(--zcui-color-brand-600);outline-offset:2px}