.i-alert{--background:var(--color-white);--border-color:var(--color-gray-200);--color:var(--color-black);--opacity:0;--translate:-32px;--icon-background:var(--color-white);background-color:var(--background);color:var(--color);opacity:var(--opacity);border-color:var(--border-color);transform:translateY(var(--translate));pointer-events:none;border-width:1px;border-style:solid;transition:opacity .3s ease;transition-property:opacity,transform;will-change:opacity,transform;border-radius:4px}.i-alert.--show{--opacity:1;--translate:0;pointer-events:auto}.i-alert.--success{--border-color:var(--color-success);--background:var(--color-success-200);--color:var(--color-success);--icon-background:var(--color-success)}.i-alert.--danger{--border-color:var(--color-danger);--background:var(--color-danger-200);--color:var(--color-danger);--icon-background:var(--color-danger)}.i-alert.--warning{--border-color:var(--color-warning);--background:var(--color-warning-200);--color:var(--color-warning);--icon-background:var(--color-warning)}.i-alert.--primary{--border-color:var(--color-primary);--background:var(--color-primary);--color:var(--color-white);--icon-background:var(--color-primary)}.i-alert__close,.i-alert__icon{background-color:var(--icon-background)}.i-alert__content a{font-weight:600;text-decoration:underline}