.form-unsaved-list {
  .save-notice {
    @include text-xs;
    margin-left: 1rem;
    color: var(--alert);
  }
  .unsaved-field {
    background-color: var(--gray-soft-light);
    border: 0;
    padding: 1.2rem;
    margin-top: 1rem;width: 100%;
    display: flex;
    gap: 4.8rem;
    justify-items: flex-start;
    align-items: center;
    border-radius: var(--border-radius);

    & > * { flex: 1 1 45%; }

    p {
      margin: 0;
      @include text-base;
    }
    .title {
      @include text-base(600);
      flex: 1 1 100%;
    }
    .group {
      span {
        @include text-xs;
        color: var(--gray-hard-light);
      }
      p { @include text-base(600); }
    }

    .cancel-action {
      &:hover {
        text-decoration: underline;
        cursor: pointer;
      }
      svg {
        margin-left: 1rem;
        vertical-align: middle;
      }
    }
  }
}
