.sd-ial{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-ial[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-ial :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-ial :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-ial .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-ial{grid-template-rows:1fr;width:min(100%,330px);transition:grid-template-rows .26s,opacity .2s;display:grid}.sd-ial[data-gone]{opacity:0;grid-template-rows:0fr}.sd-ial__in{min-height:0;overflow:hidden}.sd-ial__box{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;grid-template-columns:20px 1fr auto;gap:10px;padding:12px 12px 12px 14px;animation:.28s cubic-bezier(.2,1.2,.3,1) sd-ial-in;display:grid}@keyframes sd-ial-in{0%{opacity:0;transform:translateY(-6px)}}.sd-ial[data-tone=success] .sd-ial__box{box-shadow:inset 0 0 0 1px var(--mute)}.sd-ial[data-tone=warning] .sd-ial__box{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-ial[data-tone=error] .sd-ial__box{background:var(--strong);color:var(--on);box-shadow:none;--mute:color-mix(in srgb, var(--on) 65%, transparent);--line:color-mix(in srgb, var(--on) 25%, transparent)}.sd-ial__ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin-top:1px}.sd-ial__t{font-size:13.5px;font-weight:650}.sd-ial__b{color:var(--mute);margin-top:2px;font-size:13px;line-height:1.45}.sd-ial__act{height:30px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;margin-top:10px;padding:0 12px;font-size:12.5px;font-weight:600}.sd-ial[data-tone=error] .sd-ial__act{box-shadow:none;background:var(--on)!important;color:var(--strong)!important}.sd-ial__x{width:26px;height:26px;color:var(--mute);border-radius:7px;place-items:center;margin:-3px -3px 0 0;display:grid}.sd-ial__x:hover{color:inherit;background:color-mix(in srgb, currentColor 12%, transparent)!important}.sd-ial__x svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:11px;height:11px}@media (prefers-reduced-motion:reduce){.sd-ial *,.sd-ial :before,.sd-ial :after{transition:none!important;animation:none!important}}