.input-component{background-color:#161b22;border:1px solid #30363d;border-radius:6px;color:#f0f6fc;height:30px;padding:0 0 0 5px;width:100%}.input-component__wrapper{position:relative}.input-component__suggestions-list{background-color:#161b22;border:1px solid #30363d;border-radius:6px;color:#f0f6fc;list-style-type:none;margin-top:10px;padding:10px;position:absolute;width:80vw;z-index:1}.input-component__suggestions-list li{border-radius:6px;cursor:pointer;padding:5px;transition:background .5s linear}.input-component__suggestions-list li:hover{background:#60686c99}@media screen and (min-width:496px){.input-component{align-self:center;width:75vw}.input-component__suggestions-list{width:75vw}}@media screen and (min-width:1076px){.input-component{margin-left:20px;width:30vw}.input-component__suggestions-list{left:20px;width:100%}}