.ui-banner{width:100%;font-family:var(--cc-font);color:var(--cc-ink);border:1px solid var(--cc-rule);border-radius:var(--cc-r-2);align-items:flex-start;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.4;display:flex}.ui-banner-icon{flex:none;place-items:center;width:16px;height:16px;margin-top:1px;display:grid}.ui-banner-icon svg{display:block}.ui-banner-body{flex:auto;min-width:0;padding-top:1px}.ui-banner-action{flex:none;align-items:center;margin-top:-2px;margin-left:2px;display:flex}.ui-banner-x{color:currentColor;border-radius:var(--cc-r-1);cursor:pointer;opacity:.55;width:18px;height:18px;transition:opacity var(--cc-dur-press) ease, background var(--cc-dur-press) ease, transform var(--cc-dur-press) var(--cc-ease-out);background:0 0;border:0;flex:none;place-items:center;margin-top:-1px;padding:0;display:grid;position:relative}.ui-banner-x svg{display:block}@media (hover:hover) and (pointer:fine){.ui-banner-x:hover{opacity:1;background:color-mix(in srgb, var(--t-ink) 8%, transparent)}}.ui-banner-x:active{transform:scale(.9)}@media (pointer:coarse){.ui-banner-x:after{content:"";position:absolute;inset:-11px}}.ui-banner--info{background:var(--cc-accent-weak);border-color:var(--cc-accent-border)}.ui-banner--info .ui-banner-icon{color:var(--cc-accent-ink)}.ui-banner--warn{background:var(--cc-warn-weak);border-color:var(--cc-warning-border)}.ui-banner--warn .ui-banner-icon{color:var(--cc-warn)}.ui-banner--danger{background:var(--cc-neg-weak);border-color:var(--cc-negative-border)}.ui-banner--danger .ui-banner-icon{color:var(--cc-neg)}.ui-banner--success{background:var(--cc-pos-weak);border-color:var(--cc-positive-border)}.ui-banner--success .ui-banner-icon{color:var(--cc-pos)}@media (prefers-reduced-motion:reduce){.ui-banner-x:active{transform:none}}