<commit_before>/* prompt
------------------------------------------------- */

.prompt {
  .container {
    max-width: 100%;
  }
  .prompt-heading {
    margin: 1rem 0;
  }
  &.prompt-shade {
    background-color: $gray-alpha-02;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: $prompt;
    opacity: 0;
    transition: all $transition-bounce-medium;
  }
  &.prompt-modal {
    border-left: 10px solid $primary-color;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: $prompt;
    background: $white;
    width: 80%;
    min-width: 300px;
    padding: 20px 15px 20px 25px;
    box-sizing: border-box;
    border-radius: $border-radius-small;
    transform: translate(-50%, -50%);
    box-shadow: $shadow-large;
    opacity: 0;
    transition: all $transition-bounce-medium;
  }
  .button {
    margin: 0 5px 5px 0;
    &:last-child {
      margin-right: 0;
    }
  }
  &.reveal {
    opacity: 1;
  }
}


/* media queries
------------------------------------------------- */

@media (min-width: $screen-sm) {}

@media (min-width: $screen-md) {
  .prompt {
    &.prompt-modal {
      width: 70%;
    }<commit_msg>[design] UI fixes to prompts<commit_after>/* prompt
------------------------------------------------- */

.prompt {
  .container {
    max-width: 100%;
  }
  .prompt-heading {
    margin: 1rem 0;
  }
  &.prompt-shade {
    background-color: $gray-alpha-02;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: $prompt;
    opacity: 0;
    transition: all $transition-ease-medium;
  }
  &.prompt-modal {
    border-top: 10px solid $primary-color;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: $prompt;
    background: $white;
    width: 80%;
    min-width: 250px;
    padding: 20px 15px 20px 25px;
    box-sizing: border-box;
    border-radius: $border-radius-medium;
    transform: translate(-50%, -50%);
    box-shadow: $shadow-large;
    opacity: 0;
    transition: all $transition-ease-medium;
  }
  .button {
    margin: 0 5px 5px 0;
    &:last-child {
      margin-right: 0;
    }
  }
  &.reveal {
    opacity: 1;
  }
}


/* media queries
------------------------------------------------- */

@media (min-width: $screen-sm) {}

@media (min-width: $screen-md) {
  .prompt {
    &.prompt-modal {
      width: 80%;
    }
{'fraction_non_alphanumeric': 0.22988505747126436, 'fraction_numerical': 0.04086845466155811, 'mean_word_length': 1.7104959630911187, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4600395', 'n_tokens_mistral': 927, 'n_tokens_neox': 810, 'n_words': 188}