.tk-alert{--tk-alert-color:var(--color-primary-500);--tk-alert-ink:var(--color-primary-700);--tk-alert-bg-strong:10%;--tk-alert-bg-soft:4%;border-radius:var(--radius-2xl);border:1px solid color-mix(in oklab, var(--tk-alert-color) 22%, var(--border-color));background:linear-gradient(180deg, color-mix(in oklab, var(--tk-alert-color) var(--tk-alert-bg-strong), var(--surface)) 0%, color-mix(in oklab, var(--tk-alert-color) var(--tk-alert-bg-soft), var(--surface)) 100%);box-shadow:var(--shadow-glass);grid-template-columns:auto 1fr auto auto;align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid;position:relative;overflow:hidden}.tk-alert.-sz-compact{border-radius:var(--radius-xl);gap:.6rem;padding:.5rem .7rem}.tk-alert.-sz-sm{border-radius:var(--radius-xl);padding:.65rem .8rem}.tk-alert.-sz-compact .tk-alert-title{font-size:.9rem}.tk-alert.-sz-compact .tk-alert-text{font-size:.82rem}.tk-alert.-sz-sm .tk-alert-title{font-size:.9rem}.tk-alert.-sz-sm .tk-alert-text{font-size:.875rem}.tk-alert-icon{background:color-mix(in oklab, var(--tk-alert-color) 14%, var(--surface));border:1px solid color-mix(in oklab, var(--tk-alert-color) 26%, var(--border-color));width:1.75rem;height:1.75rem;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--surface) 80%, transparent);color:var(--tk-alert-ink);border-radius:.75rem;place-items:center;display:grid}.tk-alert-body{min-width:0}.tk-alert-title{color:var(--ink);margin-top:.05rem;font-weight:700;line-height:1.2}.tk-alert-text{color:color-mix(in oklab, var(--ink) 75%, transparent);overflow-wrap:anywhere;margin-top:.2rem}.tk-alert-actions{align-items:center;gap:.5rem;display:inline-flex}.tk-alert-close{border:1px solid color-mix(in oklab, var(--border-color) 88%, var(--surface));background:color-mix(in oklab, var(--surface) 92%, var(--tk-alert-color) 8%);width:30px;height:30px;color:var(--ink);border-radius:999px;place-items:center;margin-left:.25rem;transition:transform .15s,background .18s,box-shadow .18s;display:inline-grid}.tk-alert-close:hover{background:color-mix(in oklab, var(--tk-alert-color) 12%, var(--surface));border-color:color-mix(in oklab, var(--tk-alert-color) 32%, var(--border-color));transform:translateY(-1px)scale(1.02)}.tk-alert-close:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px color-mix(in oklab, var(--color-primary-500) 40%, transparent);outline:none}.tk-alert.-v-neutral{--tk-alert-color:var(--ink);--tk-alert-ink:var(--ink);--tk-alert-bg-strong:5%;--tk-alert-bg-soft:2%}.tk-alert.-v-accent{--tk-alert-color:var(--color-primary-500);--tk-alert-ink:var(--color-primary-700)}.tk-alert.-v-success{--tk-alert-color:#16a34a;--tk-alert-ink:#15803d}.tk-alert.-v-warning{--tk-alert-color:#eab308;--tk-alert-ink:#a16207}.tk-alert.-v-info{--tk-alert-color:var(--color-primary-500);--tk-alert-ink:var(--color-primary-700)}.tk-alert.-v-danger{--tk-alert-color:#ef4444;--tk-alert-ink:#b91c1c}.tk-alert a{color:var(--tk-alert-ink);-webkit-text-decoration:underline 1px color-mix(in oklab, var(--tk-alert-ink) 42%, transparent);text-decoration:underline 1px color-mix(in oklab, var(--tk-alert-ink) 42%, transparent);text-underline-offset:2px;font-weight:600}.tk-alert a:hover{color:color-mix(in oklab, var(--tk-alert-ink) 82%, var(--ink));text-decoration-thickness:2px}@media (prefers-color-scheme:dark){:root:not([data-theme]) .tk-alert{--tk-alert-bg-strong:16%;--tk-alert-bg-soft:7%}:root:not([data-theme]) .tk-alert.-v-accent,:root:not([data-theme]) .tk-alert.-v-info{--tk-alert-ink:var(--color-primary-300)}:root:not([data-theme]) .tk-alert.-v-success{--tk-alert-ink:#86efac}:root:not([data-theme]) .tk-alert.-v-warning{--tk-alert-ink:#fde68a}:root:not([data-theme]) .tk-alert.-v-danger{--tk-alert-ink:#fca5a5}}:root[data-theme=dark] .tk-alert{--tk-alert-bg-strong:16%;--tk-alert-bg-soft:7%}:root[data-theme=dark] .tk-alert.-v-accent,:root[data-theme=dark] .tk-alert.-v-info{--tk-alert-ink:var(--color-primary-300)}:root[data-theme=dark] .tk-alert.-v-success{--tk-alert-ink:#86efac}:root[data-theme=dark] .tk-alert.-v-warning{--tk-alert-ink:#fde68a}:root[data-theme=dark] .tk-alert.-v-danger{--tk-alert-ink:#fca5a5}@media (max-width:420px){.tk-alert{grid-template-columns:auto 1fr auto}.tk-alert-actions{grid-column:2/-1}}:root[dir=rtl] .tk-alert{direction:rtl}