.snackbar {
    visibility: hidden;
    min-width: var(--mvuka-size-snackbar-min-width);
    margin-left: -125px;
    background-color: var(--mvuka-color-primary);
    color: var(--mvuka-color-white);
    text-align: center;
    border-radius: var(--mvuka-radius-xs);
    padding: var(--mvuka-spacing-md);
    position: fixed;
    z-index: var(--mvuka-z-dropdown);
    left: 50%;
    bottom: var(--mvuka-size-snackbar-offset);
    font-size: var(--mvuka-font-size-lg);
}

.snackbar_show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}