.message{--_color-background:var(--color-background,oklch(1 0 0));--_color-border:var(--color-border,oklch(0 0 0));--_color-content:var(--color-content,oklch(0 0 0));--_color-icon:var(--color-icon,oklch(0 0 0));background-color:var(--_color-background);border:.15rem solid var(--_color-border);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon content"}.message__icon{grid-area:icon;place-self:start center;padding:1rem}.message__icon svg{width:1rem}.message__icon svg>path{fill:var(--_color-icon)}.message__content{grid-area:content;padding:1rem;font-size:small;color:var(--_color-content)}.message--info{--color-background:var(--color-alert-info-light);--color-border:var(--color-alert-info-vivid);--color-content:var(--color-alert-info-vivid);--color-icon:var(--color-alert-info-vivid)}.message--warning{--color-background:var(--color-alert-warning-light);--color-border:var(--color-alert-warning-vivid);--color-content:var(--color-alert-warning-vivid);--color-icon:var(--color-alert-warning-vivid)}.message--success{--color-background:var(--color-alert-success-light);--color-border:var(--color-alert-success-vivid);--color-content:var(--color-alert-success-vivid);--color-icon:var(--color-alert-success-vivid)}.message--error{--color-background:var(--color-alert-error-light);--color-border:var(--color-alert-error-vivid);--color-content:var(--color-alert-error-vivid);--color-icon:var(--color-alert-error-vivid)}