.dig-snackbar {

  color: $dig-snackbar-text-color;
  background-color: $dig-snackbar-background-color;
  border-radius: 2px;
  padding: 0 $desktop-gutter;
  min-height: $desktop-subheader-height;
  line-height: $desktop-subheader-height;
  min-width: 288px;
  max-width: 568px;

  position: fixed;
  z-index: 10;
  bottom: $desktop-gutter;
  margin-left: $desktop-gutter;

  left: -10000px;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition:
    left 0ms $ease-out-function 400ms,
    opacity 400ms $ease-out-function 0ms,
    transform 400ms $ease-out-function 0ms;

  .dig-snackbar-action {
    color: $dig-snackbar-action-color;
    float: right;
    margin-top: 6px;
    margin-right: -16px;
    margin-left: $desktop-gutter;
    background-color: transparent;
  }

  &.dig-is-open {
    left: 0;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
      left 0ms $ease-out-function 0ms,
      opacity 400ms $ease-out-function 0ms,
      transform 400ms $ease-out-function 0ms;
  }

}