@layer components{
.karo-bildirim{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:start;padding:13px 14px;border-radius:var(--radius-md);border-inline-start:4px solid var(--bildirim-rengi,#709187);background:var(--surface);box-shadow:var(--shadow-sm)}
.karo-bildirim[data-tone="success"]{--bildirim-rengi:#478061}.karo-bildirim[data-tone="danger"]{--bildirim-rengi:#b34a55}.karo-bildirim[data-tone="info"]{--bildirim-rengi:#47788f}
}
.karo-bildirim-alani{position:fixed;inset-inline-end:18px;inset-block-start:18px;z-index:9999;display:grid;gap:10px;max-inline-size:min(92vw,420px)}
.karo-bildirim__kapat{justify-self:end;border:0;background:transparent;color:inherit;font:700 .74rem/1 inherit;cursor:pointer;padding:5px 7px;border-radius:8px}
.karo-bildirim__kapat:hover{background:color-mix(in srgb,currentColor 9%,transparent)}