.sn-notifications-container{--sn-success-color: rgb(111, 207, 151);--sn-success-progress-color: rgb(84, 170, 120);--sn-error-color: rgb(235, 87, 87);--sn-error-progress-color: rgb(192, 69, 69);--sn-warning-color: rgb(242, 201, 76);--sn-warning-progress-color: rgb(196, 166, 79);--sn-info-color: rgb(81, 205, 243);--sn-info-progress-color: rgb(84, 169, 196);--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: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51);--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(77, 77, 77);--sn-notify-shadow-color: transparent;--sn-notify-progress-height: 5px;pointer-events:none;width:100%;max-width:100%;max-height:100vh;min-height:100vh;position:fixed;z-index:9999;inset:0;display:grid;grid-auto-rows:min-content;align-content:flex-start;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{justify-content:center;align-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{pointer-events:auto;transition-timing-function:var(--sn-notify-transition-timing-function);transition-duration:var(--sn-notify-transition-duration);transition-property:transform,opacity;border-radius:var(--sn-notify-radius);background-color:var(--sn-notify-background-color, transparent);border:var(--sn-notify-border-size) var(--sn-notify-border-style) var(--sn-notify-border-color);padding:var(--sn-notify-padding);box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;text-decoration:none;width:var(--sn-notify-width)}.sn-notify-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--sn-notify-icon-size);height:var(--sn-notify-icon-size);margin-right:.75em;color:var(--sn-notify-icon-color)}.sn-notify-close{position:absolute;right:.75em;top:.75em;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--sn-notify-close-icon-size);width:var(--sn-notify-close-icon-size);color:var(--sn-notify-close-icon-color)}.sn-notify-title{font-size:1rem;font-weight:600;padding-right:calc(var(--sn-notify-padding) + var(--sn-notify-close-icon-size));color:var(--sn-notify-title-color)}.sn-notify-text{font-size:.875rem;margin-top:.25rem;color:var(--sn-notify-text-color)}.sn-notify-outline{--sn-notify-background-color: rgb(255, 255, 255);--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: rgb(51, 51, 51)}.sn-notify-outline .sn-notify-text{--sn-notify-text-color: rgb(77, 77, 77)}.sn-notify-outline .sn-notify-close{--sn-notify-close-icon-color: rgb(130, 130, 130)}.sn-notify-filled{--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(51, 51, 51);--sn-notify-icon-color: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51)}.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;will-change:opacity,transform;transform:translate3d(var(--sn-notify-x),var(--sn-notify-y),0)}.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{content:"";display:block;position:absolute;left:0;bottom:0;will-change:width;width:100%;height:var(--sn-notify-progress-height);border-radius:0 999px 999px 0;background-color:var(--sn-notify-progress-color);animation:progress var(--sn-notify-autoclose-timeout) linear forwards}@keyframes progress{to{width:0%}}
/*# sourceMappingURL=simple-notify.css.map */

.sn-notifications-container {
    --sn-success-color: #c6e4ca;
    --sn-error-color: #eecbc0;
    --sn-warning-color: #f4dfb5;
    --sn-info-color: #b4cdef;

    --sn-notify-close-icon-size: 2em;
    --sn-notify-border-size: 2px;
    --sn-notify-close-icon-color: black;
    --sn-notify-text-color: #707472;
    --sn-notify-radius: 12px;
    --sn-notify-progress-height: 2px;

    --sn-notify-padding: 1.1em;
    --sn-notify-width: 25rem;
}

@media (min-width: 992px) {
    .sn-notifications-container {
        --sn-notify-width: 400px;
    }

    .sn-notifications-container.sn-is-top {
        top: 40px;
    }
}

@media (max-width: 767px) {
    .sn-notifications-container {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sn-notifications-container .sn-notify {
        --sn-notify-width: 100%;
    }
}

.sn-notify.sn-notify-success {
    --sn-notify-icon-color: #96dfa0;
    --sn-notify-border-color: var(--sn-success-color);
}

.sn-notify.sn-notify-error {
    --sn-notify-icon-color: #fc3633;
    --sn-notify-border-color: var(--sn-error-color);
}

.sn-notify.sn-notify-warning {
    --sn-notify-icon-color: #fec022;
    --sn-notify-border-color: var(--sn-warning-color);
}

.sn-notify.sn-notify-info {
    --sn-notify-icon-color: #3186ea;
    --sn-notify-border-color: var(--sn-info-color);
}

.sn-notify-filled {
    --sn-notify-shadow-color: transparent;
}

.sn-notify-filled.sn-notify-success {
    --sn-notify-background-color: #f1f8f4;
}

.sn-notify-filled.sn-notify-error {
    --sn-notify-background-color: #fbefeb;
}

.sn-notify-filled.sn-notify-warning {
    --sn-notify-background-color: #fef8eb;
}

.sn-notify-filled.sn-notify-info {
    --sn-notify-background-color: #e7effa;
}

.sn-notify-filled .sn-notify-close {
    --sn-notify-close-icon-color: black;
    top: 50%;
    transform: translateY(-50%);
}

.sn-notify-filled .sn-notify-close:hover {
    background-color: white;
}

.sn-notify-outline {
    --sn-notify-border-color: #f3f3f3 !important;
    --sn-notify-background-color: white;
    --sn-notify-shadow-color: rgb(0 0 0 / 5%);
    --sn-notify-icon-size: 1.3em;
    --sn-notify-padding: 1.3em;

    align-items: flex-start;
}

.sn-notify-outline .sn-notify-icon {
    margin-right: 0.5em;
    color: var(--sn-notify-icon-color);
}

.sn-notify-content .sn-notify-title {
    font-weight: 600;
}

.sn-notify-content .sn-notify-text {
    font-size: 13px;
}

.sn-notify-close {
    --sn-notify-close-icon-color: #858585;
    border-radius: 50%;
}

.sn-notify-close:hover {
    background-color: #f3f3f3;
}