@unoff/ui 1.22.0 → 1.22.2

package/dist/assets/SemanticMessage.css

@@ -1 +1 @@
-@charset "UTF-8";:root[data-theme=penpot]{--semantic-message-background-color-default: var(--penpot-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--penpot-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--penpot-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--penpot-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--penpot-color-background-warning);--semantic-message-border-color-default: var(--penpot-color-background-secondary);--semantic-message-border-color-error: var(--penpot-color-accent-error);--semantic-message-border-color-info: var(--penpot-color-accent-info);--semantic-message-border-color-success: var(--penpot-color-accent-success);--semantic-message-border-color-warning: var(--penpot-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xxsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=sketch]{--semantic-message-background-color-default: var(--sketch-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--sketch-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--sketch-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--sketch-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--sketch-color-background-warning);--semantic-message-border-color-default: var(--sketch-color-border-secondary);--semantic-message-border-color-error: var(--sketch-color-accent-error);--semantic-message-border-color-info: var(--sketch-color-accent-info);--semantic-message-border-color-success: var(--sketch-color-accent-success);--semantic-message-border-color-warning: var(--sketch-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=figma]{--semantic-message-background-color-default: var(--figma-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--figma-color-bg-danger-tertiary);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--figma-color-bg-brand-tertiary);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--figma-color-bg-success-tertiary);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--figma-color-bg-warning-tertiary);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=framer]{--semantic-message-background-color-default: var(--framer-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--framer-color-destructive-dimmed);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--framer-color-tint-dimmed);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--framer-color-success-dimmed);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--framer-color-warning-dimmed);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}.semantic-message{display:flex;justify-content:space-between;gap:var(--semantic-message-gap);outline:var(--semantic-message-border-width) solid var(--semantic-message-border-color);outline-offset:var(--semantic-message-border-offset);border-radius:var(--semantic-message-radius);background-color:var(--semantic-message-background-color);padding:var(--semantic-message-padding);max-width:var(--semantic-message-max-width)}.semantic-message{--semantic-message-padding: var(--semantic-message-padding-default-top) var(--semantic-message-padding-default-right) var(--semantic-message-padding-default-bottom) var(--semantic-message-padding-default-left)}.semantic-message--info{--semantic-message-background-color: var( --semantic-message-background-color-info-default );--semantic-message-border-width: var(--semantic-message-border-width-info);--semantic-message-border-color: var(--semantic-message-border-color-info);--semantic-message-border-offset: var( --semantic-message-border-offset-info );--button-secondary-background-color-default: var( --semantic-message-background-color-info-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-info-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-info-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-info-accent )}.semantic-message--error{--semantic-message-background-color: var( --semantic-message-background-color-error-default );--semantic-message-border-width: var(--semantic-message-border-width-error);--semantic-message-border-color: var(--semantic-message-border-color-error);--semantic-message-border-offset: var( --semantic-message-border-offset-error );--button-secondary-background-color-default: var( --semantic-message-background-color-error-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-error-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-error-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-error-accent )}.semantic-message--success{--semantic-message-background-color: var( --semantic-message-background-color-success-default );--semantic-message-border-width: var( --semantic-message-border-width-success );--semantic-message-border-color: var( --semantic-message-border-color-success );--semantic-message-border-offset: var( --semantic-message-border-offset-success );--button-secondary-background-color-default: var( --semantic-message-background-color-success-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-success-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-success-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-success-accent )}.semantic-message--warning{--semantic-message-background-color: var( --semantic-message-background-color-warning-default );--semantic-message-border-width: var( --semantic-message-border-width-warning );--semantic-message-border-color: var( --semantic-message-border-color-warning );--semantic-message-border-offset: var( --semantic-message-border-offset-warning );--button-secondary-background-color-default: var( --semantic-message-background-color-warning-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-warning-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-warning-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-warning-accent )}.semantic-message--anchored{border-radius:0;--semantic-message-padding: var(--semantic-message-padding-anchored-top) var(--semantic-message-padding-anchored-right) var(--semantic-message-padding-anchored-bottom) var(--semantic-message-padding-anchored-left)}.semantic-message--anchored.semantic-message--vertical{--semantic-message-padding: var( --semantic-message-padding-anchored-vertical-top ) var(--semantic-message-padding-anchored-vertical-right) var(--semantic-message-padding-anchored-vertical-bottom) var(--semantic-message-padding-anchored-vertical-left)}.semantic-message--vertical{flex-direction:column;align-items:center;--semantic-message-padding: var(--semantic-message-padding-vertical-top) var(--semantic-message-padding-vertical-right) var(--semantic-message-padding-vertical-bottom) var(--semantic-message-padding-vertical-left)}.semantic-message__body{display:flex;flex:1;justify-content:start;align-items:center}
+@charset "UTF-8";:root[data-theme=penpot]{--semantic-message-background-color-default: var(--penpot-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--penpot-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--penpot-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--penpot-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--penpot-color-background-warning);--semantic-message-border-color-default: var(--penpot-color-background-secondary);--semantic-message-border-color-error: var(--penpot-color-accent-error);--semantic-message-border-color-info: var(--penpot-color-accent-info);--semantic-message-border-color-success: var(--penpot-color-accent-success);--semantic-message-border-color-warning: var(--penpot-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xxsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=sketch]{--semantic-message-background-color-default: var(--sketch-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--sketch-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--sketch-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--sketch-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--sketch-color-background-warning);--semantic-message-border-color-default: var(--sketch-color-border-secondary);--semantic-message-border-color-error: var(--sketch-color-accent-error);--semantic-message-border-color-info: var(--sketch-color-accent-info);--semantic-message-border-color-success: var(--sketch-color-accent-success);--semantic-message-border-color-warning: var(--sketch-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=figma]{--semantic-message-background-color-default: var(--figma-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--figma-color-bg-danger-tertiary);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--figma-color-bg-brand-tertiary);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--figma-color-bg-success-tertiary);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--figma-color-bg-warning-tertiary);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=framer]{--semantic-message-background-color-default: var(--framer-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--framer-color-destructive-dimmed);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--framer-color-tint-dimmed);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--framer-color-success-dimmed);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--framer-color-warning-dimmed);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}.semantic-message{display:flex;justify-content:space-between;gap:var(--semantic-message-gap);outline:var(--semantic-message-border-width) solid var(--semantic-message-border-color);outline-offset:var(--semantic-message-border-offset);border-radius:var(--semantic-message-radius);background-color:var(--semantic-message-background-color);padding:var(--semantic-message-padding);max-width:var(--semantic-message-max-width)}.semantic-message{--semantic-message-padding: var(--semantic-message-padding-default-top) var(--semantic-message-padding-default-right) var(--semantic-message-padding-default-bottom) var(--semantic-message-padding-default-left)}.semantic-message--info{--semantic-message-background-color: var( --semantic-message-background-color-info-default );--semantic-message-border-width: var(--semantic-message-border-width-info);--semantic-message-border-color: var(--semantic-message-border-color-info);--semantic-message-border-offset: var( --semantic-message-border-offset-info );--button-secondary-background-color-default: var( --semantic-message-background-color-info-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-info-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-info-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-info-accent )}.semantic-message--error{--semantic-message-background-color: var( --semantic-message-background-color-error-default );--semantic-message-border-width: var(--semantic-message-border-width-error);--semantic-message-border-color: var(--semantic-message-border-color-error);--semantic-message-border-offset: var( --semantic-message-border-offset-error );--button-secondary-background-color-default: var( --semantic-message-background-color-error-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-error-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-error-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-error-accent )}.semantic-message--success{--semantic-message-background-color: var( --semantic-message-background-color-success-default );--semantic-message-border-width: var( --semantic-message-border-width-success );--semantic-message-border-color: var( --semantic-message-border-color-success );--semantic-message-border-offset: var( --semantic-message-border-offset-success );--button-secondary-background-color-default: var( --semantic-message-background-color-success-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-success-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-success-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-success-accent )}.semantic-message--warning{--semantic-message-background-color: var( --semantic-message-background-color-warning-default );--semantic-message-border-width: var( --semantic-message-border-width-warning );--semantic-message-border-color: var( --semantic-message-border-color-warning );--semantic-message-border-offset: var( --semantic-message-border-offset-warning );--button-secondary-background-color-default: var( --semantic-message-background-color-warning-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-warning-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-warning-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-warning-accent )}.semantic-message--anchored{border-radius:0;--semantic-message-padding: var(--semantic-message-padding-anchored-top) var(--semantic-message-padding-anchored-right) var(--semantic-message-padding-anchored-bottom) var(--semantic-message-padding-anchored-left)}.semantic-message--anchored.semantic-message--vertical{--semantic-message-padding: var( --semantic-message-padding-anchored-vertical-top ) var(--semantic-message-padding-anchored-vertical-right) var(--semantic-message-padding-anchored-vertical-bottom) var(--semantic-message-padding-anchored-vertical-left)}.semantic-message--vertical{flex-direction:column;align-items:center;--semantic-message-padding: var(--semantic-message-padding-vertical-top) var(--semantic-message-padding-vertical-right) var(--semantic-message-padding-vertical-bottom) var(--semantic-message-padding-vertical-left)}.semantic-message__body{display:flex;flex:1;justify-content:start;align-items:center}