.search-input{position:relative}.search-input__bar{display:inline-block;height:2rem;position:relative;vertical-align:bottom;width:2rem}.search-input__bar button{background-color:transparent;border:0;border-radius:1rem;bottom:0;display:inline-block;height:1.5rem;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1.5rem;z-index:1}.search-input__bar button span,.search-input__bar button svg{height:1.25rem;padding:0 .15rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.25rem}.search-input .search-input__input{background-color:transparent;border:solid transparent;border-radius:1rem;border-width:2px 2px 1px;box-shadow:none;cursor:pointer;height:2rem;opacity:0;padding:0;position:absolute;right:0;transition-duration:.3s;width:2rem;z-index:2}.search-input .search-input__input:focus{border:2px solid transparent;box-shadow:0 1px 6px rgba(32,33,36,.28);cursor:text;opacity:1;outline:0;padding:.25rem 0 .25rem 1.5rem;width:300px!important;z-index:0}.search-input__suggestions{background-color:#fff;border:0 solid transparent;box-shadow:0 1px 6px rgba(32,33,36,.28);display:none;font-size:1rem;position:absolute;right:0;width:300px;z-index:100}.search-input.expanded .search-input__suggestions{display:block}.search-input__suggestions li{font-size:.875rem;padding:.25rem .5rem}