.sn-notifications-container{--sn-success-color:#6fcf97;--sn-success-progress-color:#54aa78;--sn-error-color:#eb5757;--sn-error-progress-color:#c04545;--sn-warning-color:#f2c94c;--sn-warning-progress-color:#c4a64f;--sn-info-color:#51cdf3;--sn-info-progress-color:#54a9c4;--sn-notifications-gap:20px;--sn-notifications-padding:20px;--sn-notify-width:320px;--sn-notify-radius:6px;--sn-notify-transition-timing-function:ease;--sn-notify-transition-duration:.5s;--sn-notify-autoclose-timeout:30s;--sn-notify-padding:.75em;--sn-notify-icon-size:2em;--sn-notify-close-icon-size:1em;--sn-notify-border-size:1px;--sn-notify-border-color:transparent;--sn-notify-border-style:solid;--sn-notify-progress-color:#333;--sn-notify-close-icon-color:#333;--sn-notify-title-color:#333;--sn-notify-text-color:#4d4d4d;--sn-notify-shadow-color:transparent;--sn-notify-progress-height:5px;align-content:flex-start;display:grid;grid-auto-rows:min-content;top:0;right:0;bottom:0;left:0;max-height:100vh;max-width:100%;min-height:100vh;pointer-events:none;position:fixed;width:100%;z-index:9999;grid-gap:var(--sn-notifications-gap);gap:var(--sn-notifications-gap);padding:var(--sn-notifications-padding)}.sn-notifications-container.sn-is-x-center{justify-content:center}.sn-notifications-container.sn-is-y-center{align-content:center;justify-content:flex-end}.sn-notifications-container.sn-is-center{align-content:center;justify-content:center}.sn-notifications-container.sn-is-left{justify-content:flex-start}.sn-notifications-container.sn-is-right{justify-content:flex-end}.sn-notifications-container.sn-is-top{align-content:flex-start}.sn-notifications-container.sn-is-bottom{align-content:flex-end}.sn-notify{align-items:center;background-color:var(--sn-notify-background-color,transparent);border:var(--sn-notify-border-size) var(--sn-notify-border-style) var(--sn-notify-border-color);border-radius:var(--sn-notify-radius);box-sizing:border-box;display:flex;overflow:hidden;padding:var(--sn-notify-padding);pointer-events:auto;position:relative;text-decoration:none;transition-duration:var(--sn-notify-transition-duration);transition-property:transform,opacity;transition-timing-function:var(--sn-notify-transition-timing-function);width:var(--sn-notify-width)}.sn-notify-icon{color:var(--sn-notify-icon-color);flex-shrink:0;height:var(--sn-notify-icon-size);margin-right:.75em;width:var(--sn-notify-icon-size)}.sn-notify-close,.sn-notify-icon{align-items:center;display:flex;justify-content:center}.sn-notify-close{color:var(--sn-notify-close-icon-color);cursor:pointer;height:var(--sn-notify-close-icon-size);position:absolute;right:.75em;top:.75em;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--sn-notify-close-icon-size)}.sn-notify-title{color:var(--sn-notify-title-color);font-size:1rem;font-weight:600;padding-right:calc(var(--sn-notify-padding) + var(--sn-notify-close-icon-size))}.sn-notify-text{color:var(--sn-notify-text-color);font-size:.875rem;margin-top:.25rem}.sn-notify-outline{--sn-notify-background-color:#fff;--sn-notify-border-color:var(--sn-success-color);box-shadow:0 2px 26px var(--sn-notify-shadow-color)}.sn-notify-outline.sn-notify-success{--sn-notify-border-color:var(--sn-success-color);--sn-notify-icon-color:var(--sn-success-color);--sn-notify-shadow-color:rgba(82,215,0,.1)}.sn-notify-outline.sn-notify-error{--sn-notify-border-color:var(--sn-error-color);--sn-notify-icon-color:var(--sn-error-color);--sn-notify-shadow-color:rgba(215,0,0,.1)}.sn-notify-outline.sn-notify-warning{--sn-notify-border-color:var(--sn-warning-color);--sn-notify-icon-color:var(--sn-warning-color);--sn-notify-shadow-color:rgba(242,201,76,.1)}.sn-notify-outline.sn-notify-info{--sn-notify-border-color:var(--sn-info-color);--sn-notify-icon-color:var(--sn-info-color);--sn-notify-shadow-color:rgba(84,175,202,.1)}.sn-notify-outline .sn-notify-title{--sn-notify-title-color:#333}.sn-notify-outline .sn-notify-text{--sn-notify-text-color:#4d4d4d}.sn-notify-outline .sn-notify-close{--sn-notify-close-icon-color:#828282}.sn-notify-filled{--sn-notify-title-color:#333;--sn-notify-text-color:#333;--sn-notify-icon-color:#333;--sn-notify-close-icon-color:#333}.sn-notify-filled.sn-notify-success{--sn-notify-background-color:var(--sn-success-color)}.sn-notify-filled.sn-notify-error{--sn-notify-background-color:var(--sn-error-color)}.sn-notify-filled.sn-notify-warning{--sn-notify-background-color:var(--sn-warning-color)}.sn-notify-filled.sn-notify-info{--sn-notify-background-color:var(--sn-info-color)}.sn-notify-fade{opacity:0;will-change:opacity}.sn-notify-fade-in{opacity:1}.sn-notify-slide{opacity:0;transform:translate3d(var(--sn-notify-x),var(--sn-notify-y),0);will-change:opacity,transform}.sn-is-left .sn-notify-slide{--sn-notify-x:-100%;--sn-notify-y:0}.sn-is-right .sn-notify-slide,.sn-is-y-center:not(.sn-is-left) .sn-notify-slide{--sn-notify-x:100%;--sn-notify-y:0}.sn-is-top.sn-is-x-center .sn-notify-slide,.sn-is-x-center .sn-notify-slide{--sn-notify-y:-100%;--sn-notify-x:0}.sn-is-bottom.sn-is-x-center .sn-notify-slide{--sn-notify-y:100%;--sn-notify-x:0}.sn-notify-slide-in{opacity:1;transform:translateZ(0)}.sn-notify-autoclose{padding-bottom:calc(var(--sn-notify-padding) + var(--sn-notify-progress-height))}.sn-notify-autoclose.sn-notify-success{--sn-notify-progress-color:var(--sn-success-progress-color)}.sn-notify-autoclose.sn-notify-error{--sn-notify-progress-color:var(--sn-error-progress-color)}.sn-notify-autoclose.sn-notify-warning{--sn-notify-progress-color:var(--sn-warning-progress-color)}.sn-notify-autoclose.sn-notify-info{--sn-notify-progress-color:var(--sn-info-progress-color)}.sn-notify-autoclose:before{animation:progress var(--sn-notify-autoclose-timeout) linear forwards;background-color:var(--sn-notify-progress-color);border-radius:0 999px 999px 0;bottom:0;content:"";display:block;height:var(--sn-notify-progress-height);left:0;position:absolute;width:100%;will-change:width}.sn-notify-content{padding-right:calc(var(--sn-notify-close-icon-size) + .125rem)}@keyframes progress{to{width:0}}