@layer primitives{.notice{--notice-ink:var(--ink-muted);--notice-soft:var(--surface-sunken);align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0;display:flex}.notice.info{--notice-ink:var(--ink-muted);--notice-soft:var(--surface-sunken)}.notice.success{--notice-ink:var(--success);--notice-soft:var(--success-soft)}.notice.warning{--notice-ink:var(--warning);--notice-soft:var(--warning-soft)}.notice.error{--notice-ink:var(--danger);--notice-soft:var(--danger-soft)}.notice-icon{width:18px;height:18px;color:var(--notice-ink);flex:none;margin-top:1px}.notice-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.notice-title{color:var(--ink);font-size:inherit;font-weight:var(--weight-strong);line-height:inherit;margin:0}.notice-text{color:var(--ink-muted);line-height:inherit;margin:0}.notice-action{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.notice.error:not(.block,.page) .notice-title{color:var(--danger)}.notice.block{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--notice-ink) 28%,transparent);border-radius:var(--radius-surface);background:var(--notice-soft)}.notice.block .notice-text{color:var(--ink)}.notice.page{align-items:center;gap:var(--space-3);max-width:36rem;padding:var(--space-7) var(--gutter);text-align:center;font-size:var(--text-md);flex-direction:column;margin:0 auto}.notice.page .notice-icon{width:28px;height:28px}.notice.page .notice-body{align-items:center}.notice.page .notice-title{font-size:var(--text-xl);line-height:var(--leading-snug)}.notice.page .notice-action{justify-content:center}}