.notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1rem 1.125rem;border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,color-mix(in oklab,var(--surface-panel-muted) 90%,white))}.notice--with-trailing{grid-template-columns:auto minmax(0,1fr) auto}.notice--info{border-color:color-mix(in oklab,var(--status-info) 30%,white)}.notice--success{border-color:color-mix(in oklab,var(--status-success) 30%,white)}.notice--warning{border-color:color-mix(in oklab,var(--status-warning) 36%,white)}.notice--danger{border-color:color-mix(in oklab,var(--status-danger) 36%,white)}.notice__icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.95rem}.notice--info .notice__icon{background:color-mix(in oklab,var(--status-info) 14%,white);color:var(--status-info)}.notice--success .notice__icon{background:color-mix(in oklab,var(--status-success) 14%,white);color:var(--status-success)}.notice--warning .notice__icon{background:color-mix(in oklab,var(--status-warning) 16%,white);color:var(--status-warning)}.notice--danger .notice__icon{background:color-mix(in oklab,var(--status-danger) 16%,white);color:var(--status-danger)}.notice__content{display:grid;gap:.45rem;min-width:0}.notice__title{font-weight:700}.notice__body{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.notice__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-top:.2rem}.notice__trailing{display:flex;align-items:center;justify-self:end;align-self:center}@media(max-width:720px){.notice--with-trailing{grid-template-columns:auto minmax(0,1fr)}.notice__trailing{grid-column:1 / -1;justify-self:start;padding-left:3.6rem}}