.kalert{--k-base:var(--info);--k-deep:var(--info-deep);--k-bg:var(--info-bg);display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid color-mix(in oklab,var(--k-base) 55%,var(--border));border-left:3px solid var(--k-base);border-radius:var(--r-sm);background:var(--k-bg);font-family:var(--font-sans)}.kalert--success{--k-base:var(--success);--k-deep:var(--success-deep);--k-bg:var(--success-bg)}.kalert--warning{--k-base:var(--warning);--k-deep:var(--warning-deep);--k-bg:var(--warning-bg)}.kalert--danger{--k-base:var(--danger);--k-deep:var(--danger-deep);--k-bg:var(--danger-bg)}.kalert--info{--k-base:var(--info);--k-deep:var(--info-deep);--k-bg:var(--info-bg)}.kalert__icon{width:18px;height:18px;flex:0 0 auto;margin-top:1px;color:var(--k-deep)}.kalert__icon svg{width:100%;height:100%;display:block}.kalert__body{flex:1 1;min-width:0}.kalert__title{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--k-deep);line-height:1.3}.kalert__msg{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--text-m)}.kalert__msg a{color:var(--k-deep);text-underline-offset:2px;text-decoration:underline}.kalert__action{margin:9px 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-deep);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.kalert__action:hover{text-decoration:underline}.kalert__close{flex:0 0 auto;width:24px;height:24px;margin:-3px -3px -3px 0;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--text-l);border-radius:var(--r-sm);transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.kalert__close:hover{color:var(--text);background:color-mix(in oklab,var(--k-base) 14%,transparent)}.kalert__close svg{width:14px;height:14px;display:block}.kalert--bar{align-items:center;padding:10px 13px;gap:10px}.kalert--bar .kalert__icon{margin-top:0}.kalert--bar .kalert__body{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kalert--bar .kalert__msg{margin:0}