.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 rgba(255,255,255,.1);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 10px 3px var(--highlight-colour)}.search-bar-icon{color:#ffffff4d;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:#ffffff4d}.search-bar-input::placeholder{color:#ffffff4d}.search-bar-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:color .1s ease;flex-shrink:0}.search-bar-close:hover{color:#fff9}.search-bar-spacer{height:20px}.search-bar-btn{height:34px;min-width:34px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0a;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:#ffffff1a;border-color:#ffffff26}