.x-alert[data-v-9a03cd7c]{background:var(--bg-color-default);border:1px solid var(--border-color-regular);border-radius:var(--border-radius-default);box-shadow:var(--box-shadow-default);font-size:var(--font-size-14);gap:8px;line-height:1.4;max-width:400px;padding:12px 12px 12px 16px;pointer-events:all;width:-moz-max-content;width:max-content}.x-alert[data-v-9a03cd7c],.x-alert__icon[data-v-9a03cd7c]{align-items:center;display:flex}.x-alert__icon[data-v-9a03cd7c]{flex-shrink:0;font-size:18px}.x-alert__content[data-v-9a03cd7c]{color:var(--text-color-default);flex:1;word-break:break-word}.x-alert__close[data-v-9a03cd7c]{align-items:center;border-radius:50%;color:var(--text-color-lighter);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;padding:2px;transition:all var(--transition-duration-short)}.x-alert__close[data-v-9a03cd7c]:hover{background:var(--bg-color-light);color:var(--text-color-regular)}.x-alert--success[data-v-9a03cd7c]{border-left:3px solid var(--color-green)}.x-alert--success .x-alert__icon[data-v-9a03cd7c]{color:var(--color-green)}.x-alert--error[data-v-9a03cd7c]{border-left:3px solid var(--color-red)}.x-alert--error .x-alert__icon[data-v-9a03cd7c]{color:var(--color-red)}.x-alert--warning[data-v-9a03cd7c]{border-left:3px solid var(--color-yellow)}.x-alert--warning .x-alert__icon[data-v-9a03cd7c]{color:var(--color-yellow)}.x-alert--info[data-v-9a03cd7c]{border-left:3px solid var(--color-blue)}.x-alert--info .x-alert__icon[data-v-9a03cd7c]{color:var(--color-blue)}.x-alert-fade-enter-active[data-v-9a03cd7c]{transition:all .3s ease-out}.x-alert-fade-leave-active[data-v-9a03cd7c]{transition:all .25s ease-in}.x-alert-fade-enter-from[data-v-9a03cd7c]{opacity:0;transform:translateY(-16px)}.x-alert-fade-leave-to[data-v-9a03cd7c]{opacity:0;transform:translateY(-10px)}