@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.opal-message-card{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--border-radius-16);border-style:var(--tw-border-style);border-width:1px;flex-direction:column;align-self:stretch;width:100%;display:flex}.opal-message-card[data-variant=default]{background-color:var(--background-tint-01)}.opal-message-card[data-variant=info]{background-color:var(--status-info-00)}.opal-message-card[data-variant=success]{background-color:var(--status-success-00)}.opal-message-card[data-variant=warning]{background-color:var(--status-warning-00)}.opal-message-card[data-variant=error]{background-color:var(--status-error-00)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}