<commit_before>/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

:host {
  display: block;
  perspective: 1200px;
  position: relative;

  &.flipped {
    .flipcard-body {
      transform: rotateY(180deg);

      .front-container .flip-button {
        opacity: 0;
      }
    }
  }

  .flipcard-body {
    display: flex;
    transition: transform 0.5s;
    transform-style: preserve-3d;

    .front-container,
    .back-container {
      backface-visibility: hidden;
      flex: 1;

      .flip-button {
        cursor: pointer;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 1;
        transition: opacity 0s 0.15s;
      }
    }

    .back-container {
      transform: rotateY(180deg);
    }
  }
}<commit_msg>fix(flipcard): fix flip card back view in Safari and IE<commit_after>/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

:host {
  display: block;
  perspective: 1200px;
  position: relative;
}

:host-context(.flipped) {
  .flipcard-body {
    transform: rotateY(-180deg);

    .front-container {
      opacity: 0;
      transition: opacity 0s 0.25s;
      backface-visibility: hidden;

      .flip-button {
        opacity: 0;
        z-index: -1;
      }
    }

    .back-container {
      backface-visibility: visible;
    }
  }
}

.flipcard-body {
  display: flex;
  transition: transform 0.5s;
  transform-style: preserve-3d;

  .front-container,
  .back-container {
    flex: 1;

    .flip-button {
      cursor: pointer;
      position: absolute;
      right: 0;
      bottom: 0;
      opacity: 1;
      transition: opacity 0s 0.15s;
    }
  }

  .front-container {
    backface-visibility: visible;
    transition: opacity 0s 0.2s;
  }

  .back-container {
    backface-visibility: hidden;
    transform: rotateY(180deg);
  }
}
{'fraction_non_alphanumeric': 0.11523046092184369, 'fraction_numerical': 0.02655310621242485, 'mean_word_length': 2.1698412698412697, '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': '3317201', 'n_tokens_mistral': 711, 'n_tokens_neox': 640, 'n_words': 165}