.search-bar{align-items:center;background:var(--color-secondary);border:1px solid rgba(16,17,30,.12);display:inline-flex;gap:8px;height:40px;padding:8px 12px;transition:border-color .2s ease;width:100%}.search-bar:focus-within{border-color:var(--color-primary)}.search-bar__input{background:transparent;border:none;color:var(--color-primary);flex:1;font-size:16px;line-height:1.25;outline:none}.search-bar__input::-moz-placeholder{color:var(--color-primary-40)}.search-bar__input::placeholder{color:var(--color-primary-40)}.search-bar__button{align-items:center;background:transparent;border:none;color:var(--color-primary-40);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:color .2s ease;width:32px}@media (hover:hover){.search-bar__button:hover{color:var(--color-primary)}}.search-bar__button i{font-size:20px}.search-bar__button_action{color:var(--color-primary)}.search-bar__button_clear{color:var(--color-primary-40)}.search-bar__icon-button{align-items:center;background:var(--color-secondary);border:1px solid rgba(16,17,30,.12);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;width:40px}@media (hover:hover){.search-bar__icon-button:hover{border-color:var(--color-primary);color:var(--color-primary)}}.search-bar__icon-button i{color:inherit;font-size:20px}.search-bar--collapsed{border:none;padding:0;width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}