.chip-notice{align-items:center;border-radius:8px;box-shadow:0 8px 20px #0003;color:#fff;display:flex;font-size:16px;max-width:560px;overflow:hidden;padding:12px 20px;position:fixed;z-index:9999}.chip-pos--top{top:64px}.chip-pos--bottom,.chip-pos--top{left:50%;transform:translate(-50%)}.chip-pos--bottom{bottom:40px}.chip-pos--top-left{left:40px;top:40px}.chip-pos--top-right{right:40px;top:40px}.chip-pos--bottom-left{bottom:40px;left:40px}.chip-pos--bottom-right{bottom:40px;right:40px}.chip-pos--center{left:50%;top:50%;transform:translate(-50%,-50%)}.chip-fade-enter-from,.chip-fade-leave-to{opacity:0;transform:translateY(-20px)}.chip-notice__message{flex:1}.chip-notice__close{cursor:pointer;font-size:20px;margin-left:12px}.chip-notice__progress{animation-fill-mode:forwards;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-fade-enter-active,.chip-fade-leave-active{transition:transform .3s ease,opacity .3s ease}.chip-fade-enter-from{opacity:0;transform:translate(-50%) translateY(-20px)}.chip-fade-leave-to{opacity:0;transform:translate(-50%) translateY(20px)}