.dm-snackbar {
  visibility: hidden;
  background-color: var(--brandColor);
  color: var(--white);
  border-radius: var(--borderRadius);
  padding: 1rem;
  z-index: calc(var(--baseZIndex) + 1);
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  bottom: 0;
  transition: all .5s ease;
  min-width: fit-content;
}

.dm-snackbar--show {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  bottom: 2rem;
  transition: all .5s ease;
}

.dm-snackbar__content {
  display: flex;
  gap: 3rem;
  padding-bottom: .2rem;
  padding-top: .2rem;
}

.dm-snackbar__text {
  line-height: 1.3;
}

.dm-snackbar__action {
  align-self: center;
  cursor: pointer;
}

/* undo icon */
.dm-snackbar--bookmarked .dm-snackbar__action:before,
.dm-snackbar--followedAuthor .dm-snackbar__action:before {
  -webkit-mask: var(--undo) no-repeat center center / 100%;
  mask: var(--undo) no-repeat center center / 100%;
  content: "";
  display: block;
  position: absolute;
  width: 1.3em;
  height: 1.3em;
  transform: translateX(calc(-100% - .4rem));
  background-color: var(--white);
}

/* shows the author name */
.dm-snackbar--followedAuthor .dm-snackbar__text::after {
  content: attr(data-name);
}

.dm-snackbar--unfollowedAuthor .dm-snackbar__text::after {
  content: attr(data-name) ' nicht mehr';
}