.alert-box{align-items:center;border-radius:5px;color:var(--gray700);display:flex;font-size:14px;justify-content:flex-start;line-height:20px;padding:10px}.alert-box.error{background-color:var(--red100);color:var(--red800)}.alert-box.error .icon{color:var(--red500)}.alert-box.success{background-color:var(--success100);color:var(--success800)}.alert-box.success .icon{color:var(--success500)}.alert-box .icon{color:#fff;flex-shrink:0;height:20px;margin-right:10px;width:20px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}