.snackbar-container{
    transition:all .5s ease;
    transition-property:top,right,bottom,left,opacity;
    font-family:Roboto,sans-serif;
    font-size:14px;min-height:14px;
    background-color:#070b0e;
    position:fixed;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    line-height:22px;
    padding:18px 24px;
    bottom:-100px;
    top:-100px;
    opacity:0;
    z-index:9999
}

.snackbar-container .action{
    background:inherit;
    display:inline-block;
    border:none;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    margin:0 0 0 24px;
    padding:0;
    min-width:min-content;
    cursor:pointer
}

@media (min-width:640px){
    .snackbar-container{
        min-width:288px;
        max-width:568px;
        display:inline-flex;
        border-radius:2px;
        margin:24px
    }
}

@media (max-width:640px){
    .snackbar-container{
        left:0;
        right:0;
        width:100%
    }
}

.snackbar-pos.bottom-center{
    top:auto!important;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}

.snackbar-pos.bottom-left{
    top:auto!important;
    bottom:0;
    left:0
}

.snackbar-pos.bottom-right{
    top:auto!important;
    bottom:0;
    right:0
}

.snackbar-pos.top-left{
    bottom:auto!important;
    top:0;
    left:0
}

.snackbar-pos.top-center{
    bottom:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0)
}

.snackbar-pos.top-right{
    bottom:auto!important;
    top:0;
    right:0
}

@media (max-width:640px){
    .snackbar-pos.bottom-center,
    .snackbar-pos.top-center{
        left:0;transform:none
    }
}