.search-bar{align-items:center;width:100%;max-width:360px;display:flex;position:relative}.search-bar input{padding-left:2rem;padding-right:2rem}.search-bar input::-webkit-search-cancel-button{display:none}.search-bar-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:.65rem}.search-bar-clear{border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:.2rem;transition:all .15s;display:inline-flex;position:absolute;right:.4rem}.search-bar-clear:hover{color:var(--color-text);background:var(--color-border-light)}