#floaters--section {
  position: fixed;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  z-index: 1;
}

.append--item {
  padding: 0px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--color-primary);
  color: var(--color-primary);
  font-size: 21px;
  border-radius: 50%;
  position: relative;
  background-color: var(--color-body);
}

.append--item:hover, .append--item:focus {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-primary);
}

/* swal */

div:where(.swal2-container).swal2-bottom > .swal2-popup {
  bottom: 60px !important;
}

.swal2-toast {
  background: var(--color-layout) !important;
  border-radius: var(--common-radius-xl);
  box-shadow: none !important;
}

.swal2-toast * {
  color: var(--color-text);
  font-weight: 400 !important;
}

.swal2-popup.swal2-toast.swal2-show {
  animation: unset !important;
}

.swal2-toast {
  padding: 12px 10px 12px !important;
}