@keyframes slide-in-up{from{transform:translateY(100%)}
}
@keyframes slide-in-down{from{transform:translateY(-100%)}
}
.snackbar-component{position:fixed;top:0;z-index:1040;border:0;margin:0;padding:0;width:100%;max-width:100%;background-color:transparent}
.snackbar-component::backdrop{background:rgba(0,0,0,0.5)}
.snackbar-component__wrapper{background:#828282;color:#fff}
.snackbar-component__container{position:relative;height:100%}
.snackbar-component__close{position:absolute;top:5px;right:5px;border:0;background:transparent;color:currentColor;cursor:pointer}
.snackbar-component__close [class^="icon-hdr-"],.snackbar-component__close [class*=" icon-hdr-"]{font-size:20px}
.snackbar-component--info .snackbar-component__wrapper{background-color:#828282;color:#fff}
.snackbar-component--success .snackbar-component__wrapper{background-color:#27ae60;color:#fff}
.snackbar-component--error .snackbar-component__wrapper{background-color:#ec342e;color:#fff}
.snackbar-component--error .snackbar-component__message{padding-right:40px}
.snackbar-component__content{display:flex;justify-content:center;align-items:center;column-gap:16px;height:100%;min-height:47px;font-family:'Helvetica',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:10px;line-height:18px}
.snackbar-component__content .icon{font-size:16px}
.snackbar-component__message{padding:8px 0}
.snackbar-component.snackbar__login--error,.snackbar-component.snackbar__reset-password--error,.snackbar-component.snackbar__newsletter--error,.snackbar-component.snackbar__login--ok,.snackbar-component.snackbar__reset-password--ok,.snackbar-component.snackbar__newsletter--ok{position:fixed;top:0;margin:0 auto;padding:0;max-width:100%}