.zephyr-toast-container {position:fixed; z-index:9999; padding:15px; overflow:hidden; min-width:fit-content}
.zephyr-position-top-right {top:10px; right:0}
.zephyr-position-top-left {top:0; left:0}
.zephyr-position-bottom-right {bottom:0; right:0}
.zephyr-position-bottom-left {bottom:0; left:0}
.zephyr-position-top-center {top:0; left:50%; transform:translateX(-50%)}
.zephyr-position-bottom-center {bottom:0; left:50%; transform:translateX(-50%)}
.zephyr-position-center-center {top:50%; left:50%; transform:translateX(-50%) translateY(-50%)}
.zephyr-toast-notification {margin-bottom:15px; border-radius:6px; box-shadow:0 4px 16px rgba(0,0,0,0.75); overflow:hidden; display:flex; flex-direction:column; min-width:fit-content; opacity:0; border-width:1px; border-style:solid; pointer-events:auto; animation-duration:0.5s; animation-fill-mode:both}
.zephyr-toast-notification-body {padding:0.75rem; display:flex}
.zephyr-toast-notification-icon {margin-right:12px; display:flex; align-items:center}
.zephyr-toast-notification-content {flex:1}
.zephyr-toast-notification-title {font-weight:bold; margin-bottom:0.25rem}
.zephyr-toast-notification-close {background:transparent; border:0; padding:0 0.5rem; cursor:pointer; align-self:flex-start; margin-left:0.5rem; font-size:1.25rem; line-height:1; opacity:0.7}
.zephyr-toast-notification-close:hover {opacity:1}
.zephyr-toast-progress-bar {height:5px; background-color:rgba(0,0,0,0.15); position:relative}
.zephyr-toast-progress-bar-fill {height:100%; background-color:rgba(0,0,0,0.075); transition:width linear; width:100%}
.zephyr-toast-progress-bar-void {height:5px; background-color:rgba(75,84,88,1); position:relative}
.zephyr-toast-progress-bar-void-fill {height:100%; background-color:rgba(0,0,0,0.15); transition:width linear; width:100%}
@media (max-width:576px) {.zephyr-position-top-right,.zephyr-position-top-left,.zephyr-position-bottom-right,.zephyr-position-bottom-left,.zephyr-position-top-center,.zephyr-position-bottom-center {left:50% !important; transform:translateX(-50%) !important; width:100% !important; max-width:100% !important; padding:0 10px !important}
 .zephyr-toast-notification {width:100% !important; max-width:100% !important; box-sizing:border-box}
}
.zephyr_animate {animation-duration:0.75s; animation-fill-mode:both}
@keyframes fadeIn {from {opacity:0}
 to {opacity:1}
}
.zephyr_animate_fadeIn {animation-name:fadeIn}
@keyframes fadeOut {from {opacity:1}
 to {opacity:0}
}
.zephyr_animate_fadeOut {animation-name:fadeOut}
@keyframes slideInLeft {from {transform:translate3d(-100%,0,0); visibility:visible}
 to {transform:translate3d(0,0,0)}
}
.zephyr_animate_slideInLeft {animation-name:slideInLeft}
@keyframes slideOutLeft {from {transform:translate3d(0,0,0)}
 to {visibility:hidden; transform:translate3d(-100%,0,0)}
}
.zephyr_animate_slideOutLeft {animation-name:slideOutLeft}
@keyframes slideInRight {from {transform:translate3d(100%,0,0); visibility:visible}
 to {transform:translate3d(0,0,0)}
}
.zephyr_animate_slideInRight {animation-name:slideInRight}
@keyframes slideOutRight {from {transform:translate3d(0,0,0)}
 to {visibility:hidden; transform:translate3d(100%,0,0)}
}
.zephyr_animate_slideOutRight {animation-name:slideOutRight}
@keyframes slideInDown {from {transform:translate3d(0,-100%,0); visibility:visible}
 to {transform:translate3d(0,0,0)}
}
.zephyr_animate_slideInDown {animation-name:slideInDown}
@keyframes slideOutUp {from {transform:translate3d(0,0,0)}
 to {visibility:hidden; transform:translate3d(0,-100%,0)}
}
.zephyr_animate_slideOutUp {animation-name:slideOutUp}
@keyframes slideInUp {from {transform:translate3d(0,100%,0); visibility:visible}
 to {transform:translate3d(0,0,0)}
}
.zephyr_animate_slideInUp {animation-name:slideInUp}
@keyframes slideOutDown {from {transform:translate3d(0,0,0)}
 to {visibility:hidden; transform:translate3d(0,100%,0)}
}
.zephyr_animate_slideOutDown {animation-name:slideOutDown}
@keyframes bounceIn {from,20%,40%,60%,80%,to {animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
 0 {opacity:0; transform:scale3d(0.3,0.3,0.3)}
 20% {transform:scale3d(1.1,1.1,1.1)}
 40% {transform:scale3d(0.9,0.9,0.9)}
 60% {opacity:1; transform:scale3d(1.03,1.03,1.03)}
 80% {transform:scale3d(0.97,0.97,0.97)}
 to {opacity:1; transform:scale3d(1,1,1)}
}
.zephyr_animate_bounceIn {animation-name:bounceIn; animation-duration:0.75s}
@keyframes bounceOut {20% {transform:scale3d(0.9,0.9,0.9)}
 50%,55% {opacity:1; transform:scale3d(1.1,1.1,1.1)}
 to {opacity:0; transform:scale3d(0.3,0.3,0.3)}
}
.zephyr_animate_bounceOut {animation-name:bounceOut; animation-duration:0.75s}
@keyframes zoomIn {from {opacity:0; transform:scale3d(0.3,0.3,0.3)}
 50% {opacity:1}
 to {transform:scale3d(1,1,1)}
}
.zephyr_animate_zoomIn {animation-name:zoomIn}
@keyframes zoomOut {from {opacity:1}
 50% {opacity:0; transform:scale3d(0.3,0.3,0.3)}
 to {opacity:0}
}
.zephyr_animate_zoomOut {animation-name:zoomOut}