.snackbar {
  width: 300px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

.snack {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;

  > img {
    width: 12px;
    height: 12px;
    cursor: pointer;
  }

  &.success {
    background-color: green;
  }

  &.error {
    background-color: red;
  }
}