.search-container{justify-content:flex-end;position:absolute;right:0;top:0;width:100%;height:100%}.search-box,.search-container{display:flex;align-items:center}.search-box{border-radius:24px;transition:all .3s ease-in-out;overflow:hidden;width:40px;position:relative;background-color:#fff}.search-box.expanded{width:calc(100% - 36px);padding-left:16px;position:relative}.search-input{border:none;outline:none;padding:5px 5px 5px 16px;font-size:16px;width:0;opacity:0;transition:width .3s ease-in-out,opacity .3s ease-in-out;caret-color:#0fb52e}.search-input::placeholder{color:#718096;opacity:.6}.search-input.show{width:100%;opacity:1}.search-icon{cursor:pointer;font-size:16px;padding:8px;position:fixed;top:14px;right:14px}