.search{--search-height: 56px;--search-border-radius: 58px;--search-padding-vertical: 16px;--search-padding-horizontal: 24px;--search-icon-size: 24px;--search-gap: 8px;--search-bg: var(--color-white);--search-border-color: var(--color-black-50);--search-text-color: var(--color-black);--search-placeholder-color: var(--color-black-50);--search-icon-color: var(--color-black);--search-active-border-color: var(--color-black);--search-disabled-bg: #e0e0e0;--search-disabled-border-color: #7e7e7e;--search-disabled-text-color: #7e7e7e;width:100%;max-width:100%}.search__container{position:relative;width:100%}.search__input-wrapper{position:relative;display:flex;align-items:center;gap:var(--search-gap);height:var(--search-height);padding:var(--search-padding-vertical) var(--search-padding-horizontal);background-color:var(--search-bg);border:1px solid var(--search-border-color);border-radius:var(--search-border-radius);transition:all .2s ease}.search__icon{flex-shrink:0;width:var(--search-icon-size);height:var(--search-icon-size);color:var(--search-icon-color);pointer-events:none;transition:color .2s ease;padding:2px;display:flex;align-items:center;justify-content:center}.search__input{flex:1;min-width:0;border:none;background:transparent;color:var(--search-text-color);font-size:16px;line-height:20px;outline:none;padding:0;margin:0;-webkit-appearance:none;appearance:none}.search__input::placeholder{color:var(--search-placeholder-color);opacity:1}.search__input::-webkit-search-decoration,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search__input:focus{outline:none}.search__input:focus~.search__icon,.search__input-wrapper:has(.search__input:focus){border-color:var(--search-active-border-color)}.search__input:focus~.search__icon{color:var(--search-active-border-color)}@media(hover:hover){.search__input-wrapper:hover:not(:has(.search__input:disabled)){border-color:var(--search-active-border-color)}.search__input-wrapper:hover:not(:has(.search__input:disabled)) .search__icon{color:var(--search-active-border-color)}}.search__input:disabled{color:var(--search-disabled-text-color);cursor:not-allowed;-webkit-text-fill-color:var(--search-disabled-text-color);opacity:1}.search__input:disabled::placeholder{color:var(--search-disabled-text-color)}.search__input-wrapper:has(.search__input:disabled){background-color:var(--search-disabled-bg);border-color:var(--search-disabled-border-color);cursor:not-allowed}.search__input-wrapper:has(.search__input:disabled) .search__icon{color:var(--search-disabled-text-color)}@media(max-width:768px){.search{--search-height: 48px;--search-padding-vertical: 12px;--search-padding-horizontal: 20px}.search__input{font-size:16px}}@media(prefers-contrast:high){.search__input-wrapper{border-width:2px}}@media(prefers-reduced-motion:reduce){.search__input-wrapper,.search__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/search.css.map */