.message{--message-bg: var(--color-grey--light);--message-color: var(--color-black);--message-border-color: var(--color-grey--medium);--message-padding: var(--spacing-xs);color:var(--message-color);font-family:var(--font-secondary);font-size:1rem;font-weight:var(--regular);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-s)}.message--error{--message-bg: var(--color-error);--message-color: var(--color-error);--message-border-color: var(--color-error)}.message--error.message--bg{--message-color: var(--color-error--light)}.message--success{--message-bg: var(--color-success--light);--message-color: var(--color-success);--message-border-color: var(--color-success)}.message--warning{--message-bg: var(--color-warning--light);--message-color: var(--color-warning);--message-border-color: var(--color-warning)}.message--compact{--message-padding: var(--spacing-xxs) var(--spacing-xs)}.message--bg{padding:var(--message-padding);background-color:var(--message-bg);border:.0625rem solid var(--message-border-color)}.message__close{font-size:inherit;font-family:var(--font-secondary);line-height:inherit;color:inherit;background:none;border:none;padding:0;flex-shrink:0;cursor:pointer;display:inline-flex;width:3rem;height:3rem;align-self:start;align-items:center;text-decoration:none;justify-content:center;background:transparent;color:var(--message-color);order:1}