.vs-notification-enter-active{transition:all .3s ease 50ms,transform .3s ease,margin .25s ease,clip-path 8s ease .8s}.vs-notification-leave-to{box-shadow:0 0 #0000;clip-path:circle(0 at 80% 35%)!important;height:0!important;margin-bottom:0!important;margin-top:0!important;max-height:0!important;opacity:0!important;padding-bottom:0!important;padding-top:0!important;transform:translateY(10px)!important}.vs-notification-enter-from{clip-path:circle(0 at 80% 35%)!important;transform:translate(25%)}.vs-notification-enter-from .vs-notification__content{opacity:0;transform:translate(10%)}[id*=notification-container]{align-items:flex-end;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 0;position:fixed;right:0;transition:all 25s ease;z-index:200000}[id*=notification-container].is-top-center,[id*=notification-container].is-top-right{bottom:auto;display:flex;flex-direction:column-reverse;top:0}[id*=notification-container].is-top-center{left:50%;right:auto;transform:translate(-50%)}[id*=notification-container].is-top-center .vs-notification{clip-path:circle(120% at 50% 0);transition:all .25s ease,transform .3s ease,max-height .25s ease,clip-path .5s ease .1s}[id*=notification-container].is-top-center .vs-notification.is-sticky{border-radius:20px;margin:3px 20px}[id*=notification-container].is-top-center .vs-notification.is-sticky:last-child{border-radius:0 0 20px 20px;margin-top:-10px}[id*=notification-container].is-top-center .vs-notification.is-border{border:3px solid #0000;border-top:3px solid rgba(var(--vs-border),1)}[id*=notification-container].is-top-center .vs-notification-enter-from{clip-path:circle(0 at 50% 0)!important;transform:translateY(-25%)}[id*=notification-container].is-top-center .vs-notification-enter-from .vs-notification__content{opacity:0;transform:translateY(-10%)}[id*=notification-container].is-top-left{align-items:flex-start;bottom:auto;display:flex;flex-direction:column-reverse;justify-content:flex-end;left:0;right:auto;top:0}[id*=notification-container].is-top-left .vs-notification{clip-path:circle(145% at 0 50%)}[id*=notification-container].is-top-left .vs-notification.is-sticky{border-radius:0 20px 20px 0;margin-left:0}[id*=notification-container].is-top-left .vs-notification.is-border{border:3px solid #0000;border-left:3px solid rgba(var(--vs-border),1)}[id*=notification-container].is-top-left .vs-notification-enter-from{clip-path:circle(0 at 20% 35%)!important;transform:translate(-25%)}[id*=notification-container].is-top-left .vs-notification-enter-from .vs-notification__content{opacity:0;transform:translate(-10%)}[id*=notification-container].is-bottom-center{left:50%;right:auto;transform:translate(-50%)}[id*=notification-container].is-bottom-center .vs-notification{clip-path:circle(120% at 50% 100%);transition:all .25s ease,transform .3s ease,max-height .25s ease,clip-path .5s ease .1s}[id*=notification-container].is-bottom-center .vs-notification.is-sticky{border-radius:20px;margin:3px 20px}[id*=notification-container].is-bottom-center .vs-notification.is-sticky:last-child{border-radius:20px 20px 0 0;margin-bottom:-10px}[id*=notification-container].is-bottom-center .vs-notification.is-border{border:3px solid #0000;border-bottom:3px solid rgba(var(--vs-border),1)}[id*=notification-container].is-bottom-center .vs-notification-enter-from{clip-path:circle(0 at 50% 100%)!important;transform:translateY(25%)}[id*=notification-container].is-bottom-center .vs-notification-enter-from .vs-notification__content{opacity:0;transform:translateY(10%)}[id*=notification-container].is-bottom-left{left:0;right:auto}[id*=notification-container].is-bottom-left .vs-notification{clip-path:circle(145% at 0 50%)}[id*=notification-container].is-bottom-left .vs-notification.is-sticky{border-radius:0 20px 20px 0;margin-left:0}[id*=notification-container].is-bottom-left .vs-notification.is-border{border:3px solid #0000;border-left:3px solid rgba(var(--vs-border),1)}[id*=notification-container].is-bottom-left .vs-notification-enter-from{clip-path:circle(0 at 20% 35%)!important;transform:translate(-25%)}[id*=notification-container].is-bottom-left .vs-notification-enter-from .vs-notification__content{opacity:0;transform:translate(-10%)}.vs-notification{--vs-color:var(--vs-background);--vs-border:var(--vs-background);--vs-opacity:.6;background:rgba(var(--vs-color),1);border-radius:20px;box-shadow:0 10px 30px -5px rgba(0,0,0,var(--vs-shadow-opacity));clip-path:circle(145% at 100% 50%);color:rgba(var(--vs-text),1);height:auto;margin:3px 10px;max-width:340px;overflow:hidden;position:relative;transition:all .25s ease,transform .3s ease .1s,max-height .25s ease,clip-path .5s ease .1s;width:100%}.vs-notification:hover:not(.is-flat){box-shadow:0 0 rgba(0,0,0,var(--vs-shadow-opacity));transform:translateY(3px)}.vs-notification.is-not-padding{padding:0!important}.vs-notification.is-icon{padding-left:50px!important}.vs-notification.is-loading{align-items:center;display:flex;justify-content:center;max-height:100px!important;min-height:100px!important;padding:0!important;width:100px!important}.vs-notification.is-width-auto{max-width:none;width:auto}.vs-notification.is-width-full{max-width:calc(100vw - 50px);width:calc(100vw - 50px)}.vs-notification.is-square{border-radius:0!important}.vs-notification.is-sticky{border-radius:20px 0 0 20px;margin-bottom:0;margin-right:0}.vs-notification.is-flat{background:rgba(var(--vs-background),1);box-shadow:0 0 rgba(0,0,0,var(--vs-shadow-opacity));color:rgba(var(--vs-color),1)!important}.vs-notification.is-flat:hover:after{background:rgba(var(--vs-color),.15)}.vs-notification.is-flat .vs-notification__progress{background:rgba(var(--vs-color),1)}.vs-notification.is-flat .vs-notification__close{--vs-color:inherit}.vs-notification.is-flat .vs-notification__content{color:rgba(var(--vs-color),1)!important}.vs-notification.is-flat:after{background:rgba(var(--vs-color),.1);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:100%;z-index:-1}.vs-notification.is-on-click{cursor:pointer}.vs-notification.is-color:not(.is-flat){color:#fff}.vs-notification.is-color:not(.is-flat) .vs-notification__progress{background:#fff}.vs-notification.is-color:not(.is-flat) .vs-notification__close{--vs-color:#fff}.vs-notification.is-color:not(.is-flat) .vs-notification__loading:after{border:2px solid;border-color:#0000 #0000 #fff}.vs-notification.is-color:not(.is-flat) .vs-notification__loading:before{border:2px dashed;border-color:#0000 #0000 #fff}.vs-notification.is-border{border:3px solid #0000;border-right:3px solid rgba(var(--vs-border),1)}.vs-notification__progress{background:rgba(var(--vs-text),1);border-radius:4px;bottom:0;height:3px;left:0;position:absolute;transition:all .25s ease;width:0}.vs-notification__loading{border-radius:50%;height:50px;position:absolute;width:50px}.vs-notification__loading:after{animation:loading-notification .8s ease infinite;border:2px solid #0000;border-bottom:2px solid rgba(var(--vs-text),1);border-radius:inherit}.vs-notification__loading:after,.vs-notification__loading:before{box-sizing:border-box;content:"";height:100%;position:absolute;top:0;width:100%}.vs-notification__loading:before{animation:loading-notification .8s linear infinite;border:2px dashed #0000;border-bottom:2px dashed rgba(var(--vs-text),1);border-radius:inherit;opacity:.2}.vs-notification__close{--vs-color:var(--vs-text);background:0 0;border:0;padding:0;position:absolute;right:2px;top:2px;transform:scale(.75)}.vs-notification__icon{align-items:center;background:0 0;border-radius:0 35% 35% 0;display:flex;height:45px;justify-content:center;left:2px;position:absolute;top:calc(50% - 22px);width:45px}.vs-notification__content{height:auto;opacity:1;position:relative;transition:all .25s ease .2s;width:auto}.vs-notification__text{width:100%}.vs-notification__text p{font-size:.75rem;line-height:1rem;margin:0;padding:0}.vs-notification__title{margin:0;padding:0 0 6px;width:100%}.vs-notification__title h4{font-size:.9rem;margin:0;padding:0;width:100%}.darken .vs-notification--dark{color:#fff!important}.darken .vs-notification--dark .vs-notification__close{--vs-color:#fff}.darken .vs-notification--dark h4,.darken .vs-notification--dark p{color:#fff!important}@keyframes loading-notification{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes progress-notification{0%{width:0}to{width:100%}}@media (max-width:600px){.vs-notification{border-radius:0!important;margin:3px 0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.vs-notification:hover{transform:translate(0)!important}.vs-notification:last-child{margin-bottom:0!important}[id*=notification-container]{max-width:100%!important;padding:0;width:100%!important}[id*=notification-container] .vs-notification .is-sticky{margin-bottom:0!important}[id*=notification-container].is-top-center .vs-notification:last-child{margin-bottom:3px;margin-top:0!important}}
