.search-bar__container{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--bg-primary);transition:border-color var(--transition);align-items:center;display:flex;position:relative}.search-bar__container:focus-within{border-color:var(--color-border-strong)}.search-bar__container--large{height:56px}.search-bar__container--default{height:44px}.search-bar__icon{color:var(--color-subtle);position:absolute}.search-bar__icon--large{width:18px;height:18px;left:18px}.search-bar__icon--default{width:16px;height:16px;left:14px}.search-bar__input{width:100%;height:100%;font-family:var(--font-serif);color:var(--color-dark);background:0 0;border:none;outline:none}.search-bar__input::placeholder{color:var(--color-subtle)}.search-bar__input--large{padding-left:48px;padding-right:16px;font-size:16px}.search-bar__input--default{padding-left:40px;padding-right:16px;font-size:14px}.search-bar__dropdown{z-index:50;background-color:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.search-bar__suggestion{cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition);background-color:#0000;border:none;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.search-bar__suggestion--active,.search-bar__suggestion:hover{background-color:var(--bg-secondary)}.search-bar__suggestion-name{font-family:var(--font-serif);color:var(--color-dark);font-size:13px}.search-bar__suggestion-library{font-family:var(--font-mono);color:var(--color-subtle);text-transform:uppercase;letter-spacing:1px;font-size:10px}