@layer kcdust{.kcdust-notice{align-items:flex-start;gap:var(--kcdust-space-2);padding:var(--kcdust-space-3) var(--kcdust-space-4);border-radius:var(--kcdust-radius-md);font-size:var(--kcdust-text-sm);line-height:1.45;display:flex}.kcdust-notice:not(.kcdust-surface){border:var(--kcdust-border-width-sm) solid transparent}.kcdust-notice[data-variant=info]{--kcdust-surface-fill:var(--kcdust-color-info-bg);--kcdust-notice-border:var(--kcdust-color-info-border);background-color:var(--kcdust-color-info-bg);border-color:var(--kcdust-color-info-border);color:var(--kcdust-color-info-fg)}.kcdust-notice[data-variant=notice]{--kcdust-surface-fill:var(--kcdust-color-notice-bg);--kcdust-notice-border:var(--kcdust-color-notice-border);background-color:var(--kcdust-color-notice-bg);border-color:var(--kcdust-color-notice-border);color:var(--kcdust-color-notice-fg)}.kcdust-notice[data-variant=action]{--kcdust-surface-fill:var(--kcdust-color-action-bg);--kcdust-notice-border:var(--kcdust-color-action-border);background-color:var(--kcdust-color-action-bg);border-color:var(--kcdust-color-action-border);color:var(--kcdust-color-action-fg)}.kcdust-notice[data-variant=success]{--kcdust-surface-fill:var(--kcdust-color-success-bg);--kcdust-notice-border:var(--kcdust-color-success-border);background-color:var(--kcdust-color-success-bg);border-color:var(--kcdust-color-success-border);color:var(--kcdust-color-success-fg)}.kcdust-notice[data-variant=error],.kcdust-notice[data-variant=alert]{--kcdust-surface-fill:var(--kcdust-color-alert-bg);--kcdust-notice-border:var(--kcdust-color-alert-border);background-color:var(--kcdust-color-alert-bg);border-color:var(--kcdust-color-alert-border);color:var(--kcdust-color-alert-fg)}.kcdust-notice.kcdust-surface{border-color:#0000}.kcdust-notice.kcdust-surface[data-border=token]{--kcdust-surface-border-paint:linear-gradient(var(--kcdust-notice-border), var(--kcdust-notice-border))}.kcdust-notice.kcdust-surface:not([role=button]):active{--kcdust-grad-shift:0;translate:none}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-notice.kcdust-surface:not([role=button]):hover{--kcdust-grad-shift:0}}@supports not (color:oklch(from red l c h)){.kcdust-notice.kcdust-surface{border-color:var(--kcdust-notice-border)}}.kcdust-notice__glyph{border:var(--kcdust-border-width-sm) solid var(--kcdust-notice-border);width:1.5rem;height:1.5rem;font-size:var(--kcdust-text-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}}