@media (min-width: 768px) {

  body.new,
  body.edit {
    >.content {
      gap: 32px;
    }

    form {
      .field {

        input[type="text"],
        input[type="number"],
        input[type="email"],
        input[type="password"],
        .ss-main {
          max-width: 350px;
        }

        textarea {
          max-width: 500px;
        }
      }

      .actions {
        flex-direction: row-reverse;
        justify-content: space-between;

        .primary {
          flex-direction: row-reverse;
        }

        button[type="submit"],
        .button {
          width: auto;
          padding-left: 40px;
          padding-right: 40px;
        }
      }

      .contact {
        .fields {
          display: flex;
          flex-direction: row;
          gap: 20px;

          .field {
            flex: 1;
          }
        }
      }
    }
  }
}