@charset "utf-8";

.yotpo-search-filter { width: 176px; height: 33px; display: flex; justify-content: center; align-items: center; border-color: var(--yotpo-b2b-light-grey); border-width: 1px; border-style: solid; border-radius: 100px; background-color: var(--yotpo-empty-white); position: relative; }

.yotpo-keyboard-focused .yotpo-search-filter--focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: 3px; }

.yotpo-search-filter--focus, .yotpo-search-filter:hover { border: 1px solid var(--primary-color) !important; }

.yotpo-search-filter--focus::after, .yotpo-search-filter:hover::after { content: ""; position: absolute; inset: 0px; border-radius: 100px; outline: 1px solid var(--primary-color); outline-offset: 2px; z-index: -1; }

.yotpo-search-filter .yotpo-search-input { width: 100%; height: 100%; border: none; box-sizing: border-box; border-start-start-radius: 100px; border-end-start-radius: 100px; font-size: 14px; line-height: 14px; outline: none; box-shadow: none; font-family: var(--secondary-font-family); text-align: start; background-color: var(--yotpo-empty-white); padding-inline: 14px 18px; margin-inline-end: 4px; }

.yotpo-search-filter .yotpo-search-input .yotpo-search-input::placeholder { color: var(--yotpo-black); opacity: 1; }

.yotpo-display-s .yotpo-search-filter { width: 80%; }

.yotpo-display-s .yotpo-search-filter .yotpo-search-input { height: 33px; font-size: 16px; padding-inline-start: 14px; }

.yotpo-search-input::placeholder { color: var(--yotpo-black); opacity: 1; }

.yotpo-search-label { position: relative; }