@charset "UTF-8";.x-message{--x-message-text-color:var(--x-text-color-primary);--x-message-icon-color:var(--x-color-primary);--x-message-bg-color:var(--x-color-white);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:fixed;left:50%;top:0;transform:translate(-50%);transition:.3s;padding:0 20px;z-index:10001;white-space:nowrap;font-size:14px;height:40px;border-radius:12px;box-shadow:0 3px 6px -4px rgba(0,0,0,.05),0 3px 16px 0 rgba(0,0,0,.05);background-color:#fff;color:var(--x-message-text-color)}.x-message__wrap{display:flex;align-items:center}.x-message__close{display:flex;align-items:center;cursor:pointer;margin:0 -10px 0 20px;opacity:.5;font-size:14px}.x-message__close:hover{opacity:.8}.x-message__icon{display:flex;align-items:center;color:var(--x-message-icon-color);font-size:18px}.x-message__icon+.x-message__content{margin-left:10px}.x-message__content{line-height:1}.x-message.is-border{border:1px solid var(--x-border-color-light-8);border-radius:10px;box-shadow:none}.x-message.is-background{box-shadow:none;border:none;background-color:var(--x-message-bg-color);--x-message-icon-color:var(--x-color-white);color:#fff}.x-message--primary{--x-message-icon-color:var(--x-color-primary);--x-message-bg-color:var(--x-color-primary)}.x-message--success{--x-message-icon-color:var(--x-color-success);--x-message-bg-color:var(--x-color-success)}.x-message--warning{--x-message-icon-color:var(--x-color-warning);--x-message-bg-color:var(--x-color-warning)}.x-message--error{--x-message-icon-color:var(--x-color-error);--x-message-bg-color:var(--x-color-error)}