:root{--color-gray-rgb:170,170,170;--color-gray-black-rgb:29,27,27;--level-spacing:12px}.search{align-items:center;background-color:#eee;border-radius:12px;display:flex;overflow:hidden;position:relative}.search__icon,.search__side-button{background-color:transparent;position:absolute;top:0;z-index:1}.search__icon{bottom:0;height:24px;left:0;margin-bottom:auto!important;margin-left:12px!important;margin-top:auto!important;width:24px}.search__side-button{right:0}.search__input{background-color:transparent;border:1px solid transparent;border-radius:12px;display:block;height:100%;padding:12px 46px;transition:border-color .18s;width:100%}.search__input:focus{border-color:#a4a4a4;outline:none}.search__input::-webkit-search-cancel-button{display:none}.search__side-button{aspect-ratio:1;border:none;height:100%}.search__side-button svg{display:block;height:50%;margin:25%;width:50%}