<commit_before>.media-still {
  position: relative;
}

.media-still__image {
  transition: filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);

  &:hover {
    filter: brightness(90%); // does not work in IE, but we accept that
  }
}

// use case: see srf-media-still.js
.media-still__image--hover {
  @extend .media-still__image:hover;
}

.media-still__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;

  @include smartphone {
    width: 36px;
    height: 36px;<commit_msg>fixing rendering issues on hover in safari<commit_after>.media-still {
  position: relative;
}

.media-still__image {
  transition: filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  transform: translateZ(0); // avoids blurring/jumping during transition for safari
  backface-visibility: hidden;

  &:hover {
    filter: brightness(0.9); // does not work in IE, but we accept that
  }
}

// use case: see srf-media-still.js
.media-still__image--hover {
  @extend .media-still__image:hover;
}

.media-still__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;

  @include smartphone {
    width: 36px;
    height: 36px;
{'fraction_non_alphanumeric': 0.14402618657937807, 'fraction_numerical': 0.046644844517184945, 'mean_word_length': 3.3523131672597866, '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': '6437481', 'n_tokens_mistral': 504, 'n_tokens_neox': 433, 'n_words': 115}