.search-bar{gap:8px;height:40px;display:flex;position:relative}.search-bar .search-input-field-label{flex:1;min-width:0;display:flex;position:relative}.search-bar input{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:8px 44px 8px 12px}.search-bar input:not(:placeholder-shown)+.btn-clear{opacity:1}.search-bar input::-webkit-search-decoration{appearance:none}.search-bar input::-webkit-search-cancel-button{appearance:none}.search-bar input::-webkit-search-results-button{appearance:none}.search-bar input::-webkit-search-results-decoration{appearance:none}.search-bar .btn-clear{z-index:1;box-sizing:border-box;color:#e5e5e5;opacity:0;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;line-height:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-bar .btn-clear:hover{color:#fff;background:0 0}.search-bar .btn-clear svg{flex-shrink:0;width:32px;height:32px;display:block}.search-bar button{color:#fff;background-color:#f16436;flex:none;width:40px;height:40px}.search-bar button svg{width:20px;height:20px}.search-bar .btn-search{border:1px solid var(--border-tertiery);background-color:var(--surface-tertiery);color:var(--icon-primary)}.search-bar .btn-search:hover{border-color:var(--border-secondary);background-color:var(--surface-on-surface-hover)}