.search-bar{position:relative;width:100%;display:flex;align-items:center}.search-bar__input-wrap{flex:1;position:relative}.search-bar__input{width:100%;padding:14px 48px 14px 16px;font-size:15px;font-weight:500;border-radius:6px;outline:none;transition:border-color .15s ease;font-family:inherit}.search-bar--dark .search-bar__input{background:#1a1d26;border:1px solid #363636;color:#fff}.search-bar--dark .search-bar__input::-moz-placeholder{color:#818181}.search-bar--dark .search-bar__input::placeholder{color:#818181}.search-bar--dark .search-bar__input:focus{border-color:#555}.search-bar--light .search-bar__input{background:#fff;border:1px solid #ddd;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.08)}.search-bar--light .search-bar__input::-moz-placeholder{color:#9e9ea0}.search-bar--light .search-bar__input::placeholder{color:#9e9ea0}.search-bar--light .search-bar__input:focus{border-color:#aaa;box-shadow:0 1px 4px rgba(0,0,0,.12)}.search-bar.search-bar--compact .search-bar__input{height:40px;padding:0 36px 0 16px;font-size:13px;font-weight:500;border-radius:4px}.search-bar.search-bar--compact.search-bar--with-pill .search-bar__input{padding-left:60px}.search-bar.search-bar--compact.search-bar--dark .search-bar__input{background:#181A20;border:1px solid transparent;color:#fff}.search-bar.search-bar--compact.search-bar--dark .search-bar__input::-moz-placeholder{color:#A9ACD1}.search-bar.search-bar--compact.search-bar--dark .search-bar__input::placeholder{color:#A9ACD1}.search-bar.search-bar--compact.search-bar--dark .search-bar__input:focus{border-color:#2F3336}.search-bar.search-bar--compact .search-bar__button{right:12px;padding:2px}.search-bar.search-bar--compact .search-bar__button svg{width:16px;height:16px}.search-bar__button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.search-bar--dark .search-bar__button{color:#818181}.search-bar--dark .search-bar__button:hover{color:#ecdfc2}.search-bar--light .search-bar__button{color:#9e9ea0}.search-bar--light .search-bar__button:hover{color:#555}.search-bar__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:420px;overflow-y:auto;border-radius:6px;z-index:100}.search-bar--dark .search-bar__dropdown{background:#1a1d26;border:1px solid #363636;box-shadow:0 8px 24px rgba(0,0,0,.5)}.search-bar--light .search-bar__dropdown{background:#fff;border:1px solid #ddd;box-shadow:0 8px 24px rgba(0,0,0,.12)}.search-bar__list{margin:0;padding:0;list-style:none}.search-bar--dark .search-bar__section+.search-bar__section{border-top:1px solid #2a2d36}.search-bar--light .search-bar__section+.search-bar__section{border-top:1px solid #eee}.search-bar__section-title{padding:10px 14px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.search-bar--dark .search-bar__section-title{color:#818181}.search-bar--light .search-bar__section-title{color:#888}.search-bar__item{cursor:pointer;padding:0}.search-bar--dark .search-bar__item--highlighted{background:#2a2d38}.search-bar--light .search-bar__item--highlighted{background:#f5f5f5}.search-suggestion{display:flex;align-items:center;gap:10px;padding:8px 14px}.search-suggestion__icon{width:32px;height:32px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.search-bar--dark .search-suggestion__icon{background:#0f1116}.search-bar--light .search-suggestion__icon{background:#f0f0f0}.search-suggestion__text{display:flex;flex-direction:column;min-width:0}.search-suggestion__name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar--dark .search-suggestion__name{color:#fff}.search-bar--light .search-suggestion__name{color:#1a1a1a}.search-suggestion__meta{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar--dark .search-suggestion__meta{color:#818181}.search-bar--light .search-suggestion__meta{color:#888}.search-bar__loading{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500}.search-bar--dark .search-bar__loading{color:#818181;border-top:1px solid #2a2d36}.search-bar--light .search-bar__loading{color:#999;border-top:1px solid #eee}.search-bar__spinner{width:14px;height:14px;border:2px solid transparent;border-radius:50%;animation:search-bar-spin .6s linear infinite}.search-bar--dark .search-bar__spinner{border-top-color:#818181}.search-bar--light .search-bar__spinner{border-top-color:#999}@keyframes search-bar-spin{to{transform:rotate(1turn)}}.search-bar__see-more{padding:10px 14px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:background .1s ease}.search-bar--dark .search-bar__see-more{color:#60a5fa;border-top:1px solid #2a2d36}.search-bar--dark .search-bar__see-more:hover{background:#2a2d38}.search-bar--light .search-bar__see-more{color:#3273fa;border-top:1px solid #eee}.search-bar--light .search-bar__see-more:hover{background:#f5f5f5}