.search-form {
  position: relative; }
  .search-form .form-item-keys {
    margin: 0; }
    .search-form .form-item-keys > label {
      position: absolute !important;
      clip: rect(1px 1px 1px 1px);
      /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
      padding: 0 !important;
      border: 0 !important;
      height: 1px !important;
      width: 1px !important;
      overflow: hidden; }
    .search-form .form-item-keys input {
      padding-right: 2.33333em;
      width: 100%; }
  .search-form .button--search {
    position: absolute;
    right: 0.6rem;
    top: 0.5rem;
    z-index: 2; }
  .search-form.block--drawer-menu {
    margin: 0 auto 2rem;
    max-width: 25rem; }
  .search-form.block--header {
    margin-left: 1.2rem; }
    .search-form.block--header .is-open,
    .search-form.block--header .is-closed {
      height: 2.2rem;
      width: 2.2rem; }
      .search-form.block--header .is-open input,
      .search-form.block--header .is-closed input {
        -webkit-transition: width 0.15s ease-in-out 0s;
        transition: width 0.15s ease-in-out 0s;
        height: 100%;
        width: 100%;
        box-sizing: border-box; }
    .search-form.block--header .is-closed input {
      padding-left: 0; }
    .search-form.block--header .is-open input {
      position: absolute;
      right: 0;
      top: 0;
      width: 15rem;
      z-index: 1; }