#toast.kg-notice{--notice-color:#08754e;position:fixed;inset:auto;bottom:max(22px,env(safe-area-inset-bottom));left:50%;z-index:100;display:flex;align-items:center;gap:13px;width:max-content;max-width:min(520px,calc(100vw - 28px));min-width:260px;padding:14px 16px;background:var(--panel,var(--surface,#fff));color:var(--text,var(--ink,#14232b));border:1px solid color-mix(in srgb,var(--notice-color) 35%,transparent);border-inline-start:3px solid var(--notice-color);border-radius:16px;box-shadow:0 12px 40px #0002;text-align:start;font:13px/1.85 Vazirmatn,system-ui,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,0);transition:none}
#toast.kg-notice.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
#toast.kg-notice.closing{pointer-events:none}
#toast.kg-notice[data-kind=error]{--notice-color:#be2944}#toast.kg-notice[data-kind=info]{--notice-color:#087d8b}
:root[data-theme=dark] #toast.kg-notice{--notice-color:#67e3b3;box-shadow:0 12px 45px #0006}:root[data-theme=dark] #toast.kg-notice[data-kind=error]{--notice-color:#ff8797}:root[data-theme=dark] #toast.kg-notice[data-kind=info]{--notice-color:#70dfe9}
.kg-notice-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;color:var(--notice-color);background:color-mix(in srgb,var(--notice-color) 10%,transparent)}.kg-notice-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kg-notice-icon circle{opacity:.45}.kg-notice-copy{display:grid;min-width:0;overflow-wrap:anywhere}.kg-notice-copy strong{font-size:12px;color:var(--notice-color)}.kg-notice-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;align-self:start;padding:0;background:transparent;color:inherit;border:0;border-radius:8px;font-size:23px;cursor:pointer;opacity:.6}.kg-notice-close:hover{opacity:1;background:var(--panel2,var(--bg))}.kg-notice-close:focus-visible{outline:2px solid var(--notice-color);outline-offset:3px}

@media(max-width:400px){#toast.kg-notice{gap:10px;padding:12px;min-width:0;width:calc(100vw - 28px);font-size:12px}}
@media(prefers-reduced-motion:reduce){#toast.kg-notice,#toast.kg-notice *{animation:none!important;transition:none!important}}