.search {
  $block: unquote("#{&}");
  &-wrapper {
    background: #fff;
    color: $color-cyan_shade1;
    font-size: $font-x-medium;
    text-align: left;
    @include fly-by();
    padding: 1em $spacer-inner;
    @include for-size(tablet-portrait-up) {
      @include fly-byEnhanced();
    }
    @include for-size(tablet-landscape-up) {
      padding: 3.3em $spacer-inner;
    }
  }
  &-accordion {
    &__label {
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: $font-x-medium;
      text-transform: uppercase;
      text-indent: -4em;
      @media screen and (min-width: 20.000em) {}
      @include for-size(tablet-landscape-up) {
        text-indent: -5em;
        display: -webkit-inline-flex;
        display: inline-flex;
        padding: 1.5em .2em 1em;
      }
      &:after {
        content: " ";
        background-image: url('/static/img/icons/ninyampinga/header-icons.png');
        background-repeat: no-repeat;
        background-position: -20px -57px;
        background-size: 75px;
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        width: 50px;
      }
      &:active, &:hover, &:focus {
        opacity: 0.5px;
        transition: opacity 100ms ease-in-out;
      }
    }
  }
  .open {
    background-color: #fff;
    color: $color-pink-bright;
    border-top-right-radius: 3px;
    &:after {
      background-color: #fff;
      background-position: -25px 3px;
    }
  }
  &--header {
    display: inline-block;
    overflow: auto;
    text-align: left;
    @media screen and (min-width: 30.000em) {
      text-align: left;
      margin: auto;
    }
    #{$block}-wrapper {
      @include for-size(tablet-landscape-up) {
        padding: 2.3em 20%;
      }
    }
    #{$block}__form {
      @include for-size(tablet-landscape-up) {
        display: inline-block;
        width: 75%;
      }
    }
  }
}


:lang(en) {
  .search-accordion__label {
    @include for-size(tablet-landscape-up) {
      text-indent: -5em;
    }
  }
}
