.search-bar-container-main{display:flex;gap:0;align-items:center;justify-content:center;width:100%;margin:40px auto;padding:0 20px;box-sizing:border-box}.search-container{position:relative;width:100%;max-width:500px;min-width:0;overflow:visible;z-index:10}.search-input{width:100%;height:45px;box-sizing:border-box;padding:8px 24px;background:var(--bg-card);color:var(--text-sub);font-size:.9rem;font-weight:300;font-family:Open Sans,sans-serif;border:none;border-radius:9999px;transition:all .1s;cursor:text}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{background:var(--bg-card-hover);color:var(--text-main)}.search-input:focus{outline:none;background:var(--bg-card-hover);color:var(--text-main)}.search-suggestions{position:absolute;width:100%;max-height:300px;top:calc(100% + 8px);left:0;z-index:10000;background:var(--bg-card);border-radius:8px;overflow-y:auto;box-shadow:0 4px 10px #0006}.search-suggestion{padding:10px 16px;color:var(--text-sub);font-size:.85rem;font-weight:300;font-family:Open Sans,sans-serif;cursor:pointer;transition:background .1s}.search-suggestion:hover,.search-suggestion.keyboard-selected{background:var(--bg-card-hover);color:var(--text-main)}.current-atlas{background-color:#4a4a4a80}.search-inline{position:relative;width:260px;min-width:260px;overflow:visible;z-index:10}.search-input-inline{width:100%;height:34px;box-sizing:border-box;padding:6px 18px;background:#ffffff14;color:var(--text-sub);font-size:.9rem;font-weight:300;font-family:Open Sans,sans-serif;border:1px solid rgba(255,255,255,.15);border-radius:9999px;transition:background .15s,border-color .15s;cursor:text}.search-input-inline::placeholder{color:var(--text-muted)}.search-input-inline:focus{outline:none;background:#ffffff21;border-color:#ffffff4d;color:var(--text-main)}@media(max-width:900px){.search-inline{width:100%;max-width:280px;min-width:0}.search-input-inline{font-size:.85rem;height:32px;padding:4px 16px}}@media(max-width:600px){.search-inline{max-width:240px}.search-input-inline{font-size:.8rem;height:30px;padding:4px 12px}}