@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)}.dark .opal-message-card[data-variant=default]{background-color:var(--background-tint-02)}.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)}.opal-message-card[data-variant=default]{box-shadow:inset 2px 0 0 0 var(--border-02)}.opal-message-card[data-variant=info]{box-shadow:inset 2px 0 0 0 var(--status-info-05)}.opal-message-card[data-variant=success]{box-shadow:inset 2px 0 0 0 var(--status-success-05)}.opal-message-card[data-variant=warning]{box-shadow:inset 2px 0 0 0 var(--status-warning-05)}.opal-message-card[data-variant=error]{box-shadow:inset 2px 0 0 0 var(--status-error-05)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}