@layer tokens,base;@layer components{.di-notice{border:1px solid var(--di-border);border-radius:var(--di-radius-surface);background:var(--di-bg-surface);grid-template-columns:max-content minmax(0,1fr) max-content;display:grid;overflow:hidden;container:di-notice/inline-size}.di-notice-icon{width:var(--di-index-col);padding-top:var(--di-notice-pad);border-right:1px solid var(--di-border);background:var(--di-bg-page);flex:none;grid-area:1/1/span 2;justify-content:center;display:flex}.di-notice-icon>svg{width:17px;height:17px}.di-notice-copy{align-items:start;column-gap:var(--di-notice-pad);min-width:0;padding:var(--di-notice-pad);grid-column:2;grid-template-columns:minmax(0,1fr) max-content;display:grid}.di-notice-copy>*{grid-column:1}.di-notice-copy>.di-notice-action{grid-area:1/2/span 4}.di-notice>.di-notice-action{padding:var(--di-notice-pad) var(--di-notice-pad) var(--di-notice-pad) 0;grid-area:1/3}.di-notice-title{font-size:var(--di-notice-title-size);font-weight:var(--di-weight-semibold);letter-spacing:var(--di-tracking-tight);line-height:var(--di-leading-snug);color:var(--di-text)}.di-notice-body{margin-top:var(--di-space-2);font-size:var(--di-notice-body-size);line-height:var(--di-leading-snug);color:var(--di-text-muted)}.di-notice-md{--di-notice-pad:var(--di-space-12);--di-notice-title-size:var(--di-font-size-400);--di-notice-body-size:var(--di-font-size-300)}.di-notice-comfort{--di-notice-pad:var(--di-space-16);--di-notice-title-size:var(--di-font-size-500);--di-notice-body-size:var(--di-font-size-400)}.di-notice-action{align-self:center;align-items:center;gap:var(--di-space-12);display:flex}.di-notice-neutral .di-notice-icon{color:var(--di-text-muted)}.di-notice-ok{border-color:var(--di-status-ok-border)}.di-notice-ok .di-notice-icon{border-right-color:var(--di-status-ok-border);background:var(--di-status-ok-bg);color:var(--di-status-ok-fg)}.di-notice-warn{border-color:var(--di-status-warn-border)}.di-notice-warn .di-notice-icon{border-right-color:var(--di-status-warn-border);background:var(--di-status-warn-bg);color:var(--di-status-warn-fg)}.di-notice-danger{border-color:var(--di-status-danger-border)}.di-notice-danger .di-notice-icon{border-right-color:var(--di-status-danger-border);background:var(--di-status-danger-bg);color:var(--di-status-danger-fg)}@container di-notice (width<=480px){.di-notice-copy>.di-notice-action{margin-top:var(--di-space-12);grid-area:auto/1}.di-notice>.di-notice-action{padding:0 var(--di-notice-pad) var(--di-notice-pad);grid-area:2/2}.di-notice-action{flex-wrap:wrap;align-self:start}}}@layer overrides;