.AutoSaveNotice {
  @include font-size(1.4rem);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  position: sticky;
  top: calc(100vh - 40px);
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 2px;
  z-index: 2;
  font-weight: 500;
  transition: 0.6s ease-in-out;
  background: rgb(255 255 255 / 30%);
  backdrop-filter: blur(4px);
  border: 1px solid var(--secondary-color);
  left: 100%;
  opacity: 0;
  right: -14rem;
  pointer-events: none;

  .icon {
    position: relative;
    width: 18px;
    height: 18px;
  }

  &.active {
    opacity: 0.65;
    right: 2rem;
  }
}
