.alert-notice{position:fixed;right:0;left:0;z-index:9999999;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.alert-notice-message{position:fixed;top:calc(50% - 150px);margin:5px}.alert-notice__item{position:relative;display:flex;align-items:center;margin-top:16px;padding:12px;background:hsla(0,0%,100%,.8);border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert-notice__image-wrapper{position:relative;margin-right:16px;border-radius:50%;overflow:hidden;flex-grow:0;flex-shrink:0}.notification-enter-active,.notification-leave-active{transition-property:opacity,margin-top,transform;transition-duration:.5s}.notification-fade-enter,.notification-leave-to{margin-top:-104px;opacity:0;transform:translateY(84px)}.alert-notice__image-wrapper--leave:before{display:block;content:"";width:100%;height:4px;position:absolute;top:50%;left:0;margin-top:-2px;transform:rotate(-45deg)}.alert-notice__image{border-radius:50%;height:80px}.alert-notice__text{font-size:18px;line-height:1;font-weight:500;margin-right:24px;color:#282828;text-align:center}.alert-notice-close{position:absolute;right:32px;top:32px;width:32px;height:32px;cursor:pointer}.alert-notice-close:after,.alert-notice-close:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#1d1d1b}.alert-notice-close:before{transform:rotate(45deg)}.alert-notice-close:after{transform:rotate(-45deg)}.alert-notice-btn{align-items:center;justify-content:center;border:1px solid #1d1d1b;background-color:#1d1d1b;color:#fff;padding:10px;margin-top:5px;cursor:pointer}