.search-bar{border:2px solid var(--background);border-radius:5px;display:flex;margin-top:10px;margin-bottom:10px;position:sticky;background-color:#fff}.search-bar:hover{background-color:var(--background-light)}.search-bar:focus-within{background-color:var(--background);border:2px solid var(--primary)}.search-icon{background-color:var(--primary);border-radius:3px;height:44px;width:42px;position:absolute;left:-2px;top:-2px}.search-icon>i{line-height:43px;height:40px;width:40px;text-align:center;color:#fff;display:block}.search-bar>input{border:none;background-color:transparent;outline:0;height:40px;width:100%;padding:0 0 0 10px;margin-left:40px}.search-microphone{height:40px;line-height:40px;border:none;background:0 0;width:40px;color:var(--foreground-muted);font-size:20px;cursor:pointer}.search-microphone:hover{color:var(--foreground)}@media only screen and (max-width:767px){.search-bar{display:none}}