#duppp-modal {
  max-width: 620px !important;
  margin: 0 auto !important;
  background: #fff !important;
  position: relative !important;
  padding: 40px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;

  h1 {
    #duppp-base-title {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
      color: #1d2327 !important;
      font-size: 26px !important;
    }
  }

  #duppp-variations {
    &::placeholder {
      color: #d0d0d0 !important;
    }
  }

  #duppp-generate {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 22px 6px !important;
    min-height: 30px !important;
    background-color: #0f70ee !important;
    color: #fff !important;
    font-size: 15px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    background-image: linear-gradient(#ffffff1a,#0000 35%) !important;
    border: .0625rem solid #ffffff14 !important;
  }

  div {
    label {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
      font-size: 14px !important;
      display: flex !important;
      margin: 10px 0 !important;
    }
  }

  .bottom-actions {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 30px !important;
    gap: 15px !important;

    .option-group {
      display: flex !important;
      flex-direction: column !important;
      gap: 5px !important;
    }

    br {
      display: none !important;
    }
  }

  .widefat {
    border-collapse: collapse !important;
    width: 100% !important;
    margin-top: 10px !important;

    &.striped {
      margin-top: 10px !important;
      border-collapse: collapse !important;
      width: 100% !important;
    }

    th, td {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
      border: 1px solid #ccc !important;
      padding: 10px !important;
      vertical-align: middle !important;
      text-align: left !important;
      font-size: 13px !important;
      line-height: 19px !important;
    }

    th {
      background-color: #f6f7f7 !important;
      font-weight: bold !important;
    }
  }

  .duppp-variations {
    margin-top: 10px !important;
  }

  .form-group {
    .widefat {
      td:first-child {
        width: 80px !important;
        background-color: #f9f9f9 !important;
        font-weight: 600 !important;
      }
    }
  }

  #duppp-slug-preview-wrapper {
    table {
      width: 100% !important;

      thead {
        th {
          font-size: 14px !important;
          font-weight: 600 !important;

          &:first-child, &:last-child {
            width: 50% !important;
          }
        }
      }

      tbody {
        td {
          font-size: 14px !important;
          padding: 10px 10px !important;

          .duppp-title-text {
            font-weight: 500 !important;
            color: #333 !important;
          }
        }
      }
    }
  }

  .table-scroll-wrapper {
    max-height: 300px !important;
    overflow-y: auto !important;
  }

  .duppp-slug-input {
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    outline: none !important;
    border: 1px solid #ddd !important;
    min-height: 36px !important;
    border-radius: 3px !important;
    font-family: monospace !important;
    font-size: 13px !important;
    width: 100% !important;

    &:focus {
      border-color: #0073aa !important;
      box-shadow: 0 0 0 1px #0073aa !important;
    }
  }

  input {
    &[type="radio"], &[type="checkbox"] {
      margin-right: 8px !important;
      margin-bottom: -3px !important;
    }
  }

  .option-group {
    label {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
      align-items: center !important;
      margin: 3px 0 !important;
      font-size: 14px !important;
      font-weight: 400 !important;
    }

    strong {
      margin-bottom: 8px !important;
      display: block !important;
      font-size: 14px !important;
    }
  }

  #duppp-variations {
    overflow: auto !important;
    padding: 2px 6px !important;
    line-height: 1.43 !important;
    resize: vertical !important;
    box-shadow: 0 0 0 transparent !important;
    border-radius: 4px !important;
    border: 1px solid #8c8f94 !important;
    background-color: #fff !important;
    color: #2c3338 !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
  }
}