.search{overflow:hidden}.search--header{width:100%;margin:1.5em auto}.search__button,.search__input-box{float:left}.search__input-box{width:80%;border-right:30px solid #f8f8f8}.search .search__input[type=search]{font-size:25px;font-size:1.5625rem;line-height:25px}.search__button{width:20%;height:48px;margin:0;padding:0}.search__percent{display:none}.search__button-icon{font-size:25px;font-size:1.5625rem;color:#093;height:25px;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:color .2s;transition:color .2s}.search__button:hover .search__button-icon{color:#f8f8f8}@media screen and (min-width:48em){.search--header{max-width:66.6666666667%}}@media screen and (min-width:68.625em){.search--header{width:50%;margin-top:0;visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.search--header.on-search-visible{visibility:visible;opacity:1}}@media screen and (min-width:62em){.search--header{width:33.3333333333%}}