.chip-notice{align-items:center;border-radius:8px;box-shadow:0 8px 20px #0003;display:flex;font-size:16px;font-weight:inherit;left:50%;max-width:360px;overflow:hidden;padding:12px 20px;position:fixed;top:64px;transform:translate(-50%);z-index:9999}.chip-fade-enter-active,.chip-fade-leave-active{transition:transform .3s ease,opacity .3s ease}.chip-fade-enter-from,.chip-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}.chip-notice__icon{font-size:18px;margin-right:8px}.chip-notice__message{flex:1}.chip-notice__close{cursor:pointer;font-size:20px;line-height:1;margin-left:12px}.chip-notice__progress{animation-fill-mode:forwards;animation-name:progress;animation-timing-function:linear;background:#ffffffb3;bottom:0;height:3px;left:0;position:absolute;width:100%}@keyframes progress{0%{width:100%}to{width:0}}.chip-notice--success{background:#4caf50;color:#fff}.chip-notice--error{background:#f44336;color:#fff}