<commit_before>:root {
  --padding-modal--invert: .5em 1rem 1em;
  --fontSize-modal__title: 20px;
}

.c-modal {
  @apply --fade-out;
  @apply --position-top-left;
  @apply --text-center;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  position: fixed;
  text-align: left;
  width: 100%;

  &:--active {
    @apply --fade-in;
    pointer-events: none;
    z-index: var(--zIndex-modal);
  }
}


  .c-modal__card {
    background-color: var(--backgroundColor-modal);
    border-radius: calc(var(--global-rounded) / 2);
    box-shadow: var(--shadow-2);
    margin: 1em 1rem;
    min-height: 100px;
    min-width: 280px;
    pointer-events: auto;
    position: relative;

    small {
      color: var(--color-primary);
      margin-bottom: 2em;
    }
  }

  .c-modal__title {
    font-size: var(--fontSize-modal__title);
    padding: 1em 1rem .85em;
  }


  .c-modal__content {
    max-height: calc(100vh - 260px);
    overflow-y: scroll;
    padding: .85em 1rem 1em;

    &:first-child { padding-top: 1.25em; }

    .c-modal__title + & { padding-top: 0; }
  }

  .c-modal__content--bordered {
    border-bottom: 1px solid var(--grey-200);
    border-top: 1px solid var(--grey-200);
  }

  .c-modal__content--collapse {
    padding: 0 0 .5em;
  }


  .c-modal__actions {
    @apply --end;
    padding-left: .5rem;
  }

/* Make all buttons stack to the right
  .c-modal__actions--stacked {
    & > .c-button {
    }
  }
*/




.c-modal--fullscreen {
  @apply --fade-in;
  height: auto;
  position: static;
  text-align: start;

  & .c-modal__card {
    box-shadow: none;
    margin: 0;<commit_msg>cleanup; Updated modal classes to dialog classes<commit_after>:root {
  --padding-modal--invert: .5em 1rem 1em;
  --fontSize-modal__title: 20px;
}

.c-dialog {
  @apply --fade-out;
  @apply --position-top-left;
  @apply --text-center;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  position: fixed;
  text-align: left;
  width: 100%;

  &:--active {
    @apply --fade-in;
    pointer-events: none;
    z-index: var(--zIndex-modal);
  }
}


  .c-dialog__card {
    background-color: var(--backgroundColor-modal);
    border-radius: calc(var(--global-rounded) / 2);
    box-shadow: var(--shadow-2);
    margin: 1em 1rem;
    min-height: 100px;
    min-width: 280px;
    pointer-events: auto;
    position: relative;

    small {
      color: var(--color-primary);
      margin-bottom: 2em;
    }
  }

  .c-dialog__title {
    font-size: var(--fontSize-modal__title);
    padding: 1em 1rem .85em;
  }


  .c-dialog__content {
    max-height: calc(100vh - 260px);
    overflow-y: scroll;
    padding: .85em 1rem 1em;

    &:first-child { padding-top: 1.25em; }

    .c-dialog__title + & { padding-top: 0; }
  }

  .c-dialog__content--bordered {
    border-bottom: 1px solid var(--grey-200);
    border-top: 1px solid var(--grey-200);
  }

  .c-dialog__content--collapse {
    padding: 0 0 .5em;
  }


  .c-dialog__actions {
    @apply --end;
    padding-left: .5rem;
  }

/* Make all buttons stack to the right
  .c-dialog__actions--stacked {
    & > .c-button {
    }
  }
*/




.c-dialog--fullscreen {
  @apply --fade-in;
  height: auto;
  position: static;
  text-align: start;

  & .c-dialog__card {
    box-shadow: none;
    margin: 0;
{'fraction_non_alphanumeric': 0.1646153846153846, 'fraction_numerical': 0.03446153846153846, 'mean_word_length': 2.3072227873855544, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4598758', 'n_tokens_mistral': 1374, 'n_tokens_neox': 1228, 'n_words': 249}