.search-bar-wrap{display:flex;align-items:center;margin:20px 0;min-height:38px;width:100%}.search-bar-input-wrap{display:flex;align-items:center;flex:1;min-width:0;background-color:var(--primary-background);border:1px solid var(--rule-2);border-radius:6px;padding:0 12px;height:38px;gap:8px;transition:border-color .15s ease,box-shadow .15s ease}.search-bar-input-wrap:focus-within{box-shadow:0 0 0 3px var(--focus-ring)}.search-bar-icon{color:var(--faint);font-size:13px;flex-shrink:0}.search-bar-input{flex:1;min-width:0;background:transparent;border:none;outline:none;box-shadow:none;color:var(--primary-font-colour);font-size:14px;padding:0}.search-bar-input:focus{outline:none;box-shadow:none}.search-bar-input::-moz-placeholder{color:var(--faint)}.search-bar-input::placeholder{color:var(--faint)}.search-bar-close{background:none;border:none;color:var(--faint);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:color .1s ease;flex-shrink:0}.search-bar-close:hover{color:var(--soft)}.search-bar-spacer{height:20px}.search-bar-btn{height:34px;min-width:34px;padding:0 8px;border:1px solid var(--rule);border-radius:6px;background:var(--surface-raise);justify-content:center;align-items:center;display:flex;cursor:pointer;color:var(--secondary-font-colour);font-size:13px;transition:background .1s ease,border-color .1s ease;gap:6px}.search-bar-btn>span{display:none}@media (min-width: 1024px){.search-bar-btn{padding:0 12px}.search-bar-btn>span{display:inline-block;font-size:12px;color:var(--secondary-font-colour);white-space:nowrap}}.search-bar-btn:hover{background:var(--surface-hover);border-color:var(--rule-2)}