:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-border-radius:var(--border-radius-none);--alert-border-width:var(--border-width-sm);--alert-title-font-size:var(--font-size-2);--alert-title-font-weight:var(--font-weight-medium);--alert-description-font-size:var(--font-size-2);--alert-close-size:var(--icon-size-sm);--alert-bg:var(--color-primary);--alert-border-color:var(--color-primary);--alert-title-color:var(--color-text-on-dark);--alert-description-color:var(--color-text-on-dark);--alert-close-color:var(--color-text-on-dark);--alert-close-hover-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-on-light);--alert-success-border-color:var(--color-success-on-light);--alert-success-title-color:var(--color-text-on-dark);--alert-success-description-color:var(--color-text-on-dark);--alert-error-bg:var(--color-error-on-light);--alert-error-border-color:var(--color-error-on-light);--alert-error-title-color:var(--color-text-on-dark);--alert-error-description-color:var(--color-text-on-dark);--alert-warning-bg:var(--color-accent-2);--alert-warning-border-color:var(--color-accent-2);--alert-warning-title-color:var(--color-primary);--alert-warning-description-color:var(--color-primary);--alert-warning-close-color:var(--color-primary);--alert-warning-close-hover-color:var(--color-primary)}.surface-dark,[data-theme=dark],html.dark{--alert-bg:var(--color-background-dark);--alert-border-color:var(--color-text-on-dark)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--spacing-3);box-sizing:border-box;display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--spacing-5) + var(--spacing-3))}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-color);margin:0;line-height:1.4}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-color);align-items:start;gap:var(--spacing-2);margin:0;flex-direction:column;margin-block-start:var(--spacing-2);line-height:1.4;display:flex}.alert__close{appearance:none;cursor:pointer;width:calc(var(--alert-close-size) + var(--spacing-2));height:calc(var(--alert-close-size) + var(--spacing-2));color:var(--alert-close-color);border-radius:var(--border-radius-sm);transition:color var(--motion-duration-fast) var(--motion-easing-default), background-color var(--motion-duration-fast) var(--motion-easing-default);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding-block:0;padding-inline:0;display:inline-flex;position:absolute;inset-block-start:var(--spacing-2);inset-inline-end:var(--spacing-2)}.alert__close:hover{color:var(--alert-close-hover-color);background-color:#ffffff26}.alert__close:focus-visible{outline:var(--border-width-md) solid currentColor;outline-offset:2px}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--alert-close-color:var(--alert-warning-close-color);--alert-close-hover-color:var(--alert-warning-close-hover-color)}.alert.alert--warning .alert__close:hover{background-color:color-mix(in srgb, var(--alert-warning-close-color) 8%, transparent)}