.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:transparent;
 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
 }
}