<commit_before>$ka-cookie-bg: #222 !default;
$ka-cookie-color: #fff !default;
$ka-cookie-link-color: #31a8f0 !default;
$ka-cookie-link-color-hover: #b2f7ff !default;
$ka-cookie-btn-bg: #f1d600 !default;
$ka-cookie-btn-color: #222 !default;
$ka-cookie-position: bottom-right  !default;

#cookie_banner-wrapper {
  z-index: 9001;
  position: relative;

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .cookie_container {

    position: fixed;
    left: 0;
    right: 0;

    @if $ka-cookie-position == 'top-right' or $ka-cookie-position == 'top-left' {
      top: 0;
    } @else {
      bottom: 0;
    }

    overflow: hidden;
    padding: 15px;
    background: $ka-cookie-bg;
    color: $ka-cookie-color;
    box-sizing: border-box;
    font-size: 0.8em;

    @media screen and (min-width: 500px) {

      width: 300px;

      @if $ka-cookie-position == 'top-right' {
        top: 20px;
        right: 20px;
        left: initial;
      } @else if $ka-cookie-position == 'top-left' {
        top: 20px;
        left: 20px;
        right: initial;
      } @else if $ka-cookie-position == 'bottom-left' {
        bottom: 20px;
        left: 20px;
        right: initial;
      } @else {
        bottom: 20px;
        right: 20px;
        left: initial;
      }

    }

    @media screen and (min-width: 768px) {
      font-size: 0.9em;
    }

    .cookie_message {

      a {
        text-decoration: none;
        color: $ka-cookie-link-color;

        &:hover {
          text-decoration: underline;
          color: lighten($ka-cookie-link-color-hover, 5%);
        }

        &:active {
          color: $ka-cookie-link-color-hover;<commit_msg>SCSS: Fix banner position in IE11.<commit_after>$ka-cookie-bg: #222 !default;
$ka-cookie-color: #fff !default;
$ka-cookie-link-color: #31a8f0 !default;
$ka-cookie-link-color-hover: #b2f7ff !default;
$ka-cookie-btn-bg: #f1d600 !default;
$ka-cookie-btn-color: #222 !default;
$ka-cookie-position: bottom-right !default;

#cookie_banner-wrapper {
  z-index: 9001;
  position: relative;

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .cookie_container {

    position: fixed;

    @if $ka-cookie-position == 'top-right' or $ka-cookie-position == 'top-left' {
      top: 0;
    } @else {
      bottom: 0;
    }

    overflow: hidden;
    padding: 15px;
    background: $ka-cookie-bg;
    color: $ka-cookie-color;
    box-sizing: border-box;
    font-size: 0.8em;

    @media (max-width: 499px) {
      left: 0;
      right: 0;
    }

    @media (min-width: 500px) {

      width: 300px;

      @if $ka-cookie-position == 'top-right' {
        top: 20px;
        right: 20px;
      } @else if $ka-cookie-position == 'top-left' {
        top: 20px;
        left: 20px;
      } @else if $ka-cookie-position == 'bottom-left' {
        bottom: 20px;
        left: 20px;
      } @else {
        bottom: 20px;
        right: 20px;
      }

    }

    @media screen and (min-width: 768px) {
      font-size: 0.9em;
    }

    .cookie_message {

      a {
        text-decoration: none;
        color: $ka-cookie-link-color;

        &:hover {
          text-decoration: underline;
          color: lighten($ka-cookie-link-color-hover, 5%);
        }

        &:active {
          color: $ka-cookie-link-color-hover;
{'fraction_non_alphanumeric': 0.14877371587228136, 'fraction_numerical': 0.03956501619620546, 'mean_word_length': 2.059447983014862, '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': '2424335', 'n_tokens_mistral': 1690, 'n_tokens_neox': 1520, 'n_words': 311}