<commit_before>// Toast

.Toast {
  display: flex;
  background-color: white;
  color: $black;
  padding: $spacer-3;
  margin: $spacer-3;
  border-radius: 3px;
  border: 1px solid $black-fade-15;
  max-width: 500px;
  min-width: 200px;
  box-shadow: $box-shadow-medium;
  width: max-content;
  transition: 0.2s ease;

  &:hover {
    transform: scale(1.01);
    transition: 0.2s ease;
    box-shadow: $box-shadow-large;
  }
}

.Toast-octicon {
  margin-right: $spacer-2;
}

.Toast-action {
  margin-top: $spacer-2;
}

.Toast-dismiss {
  margin-left: $spacer-3;
  color: $text-gray;

  &:hover {
    cursor: pointer;
    color: $text-gray-dark;
  }
}


// Temporarily splitting this out
// to play with static styles.
.Toast-animated {
  position: fixed;
  bottom: -100px;
  left: 0;
  animation-name: toast;
  animation-duration: 10s;
  animation-delay: 1s;<commit_msg>Add responsiveness<commit_after>// Toast

.Toast {
  display: flex;
  background-color: white;
  color: $black;
  padding: $spacer-3;
  border-radius: 3px;
  border: 1px solid $black-fade-15;
  margin: $spacer-2;
  box-shadow: $box-shadow-medium;
  transition: 0.2s ease;

  &:hover {
    transform: scale(1.01);
    transition: 0.2s ease;
    box-shadow: $box-shadow-large;
  }

  @include breakpoint(sm) {
    max-width: 500px;
    width: max-content;
    margin: $spacer-3;
  }
}

.Toast-octicon {
  margin-right: $spacer-2;
}

.Toast-action {
  margin-top: $spacer-2;
}

.Toast-dismiss {
  margin-left: $spacer-3;
  color: $text-gray;

  &:hover {
    cursor: pointer;
    color: $text-gray-dark;
  }
}


// Temporarily splitting this out
// to play with static styles.
.Toast-animated {
  position: fixed;
  bottom: -100px;
  left: 0;
  animation-name: toast;
  animation-duration: 10s;
  animation-delay: 1s;
{'fraction_non_alphanumeric': 0.15367358384744811, 'fraction_numerical': 0.03140773976444195, 'mean_word_length': 2.9556541019955653, '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': '1422935', 'n_tokens_mistral': 755, 'n_tokens_neox': 706, 'n_words': 154}