.search-page-input__parent{display:flex;flex-direction:column}.search-page-input__parent search-page-input-component{position:relative;display:flex;top:0;align-items:center;color:var(--font-high);width:var(--style-width-inputs)}@media(max-width:1199px){.search-page-input__parent search-page-input-component{width:var(--style-width-inputs)}}@media(max-width:991px){.search-page-input__parent search-page-input-component{width:var(--style-width-tablet-inputs)}}@media(max-width:575px){.search-page-input__parent search-page-input-component{width:var(--style-width-mobile-inputs)}}.search-page-input__parent search-page-input-component .search__icon,.search-page-input__parent search-page-input-component .search__reset-button{position:absolute;top:50%;transform:translateY(-50%);height:clamp(10px,1.3888888889vw,40px);width:clamp(10px,1.3888888889vw,40px);color:var(--font-high)}@media(max-width:1199px){.search-page-input__parent search-page-input-component .search__icon,.search-page-input__parent search-page-input-component .search__reset-button{height:20px;width:20px}}.search-page-input__parent search-page-input-component .search__icon svg path,.search-page-input__parent search-page-input-component .search__reset-button svg path{stroke:currentColor}.search-page-input__parent search-page-input-component .search__icon{left:clamp(7.5px,1.0416666667vw,30px)}@media(max-width:1199px){.search-page-input__parent search-page-input-component .search__icon{left:15px}}.search-page-input__parent search-page-input-component .search__reset-button{right:clamp(7.5px,1.0416666667vw,30px);padding:2px}@media(max-width:1199px){.search-page-input__parent search-page-input-component .search__reset-button{right:15px;padding:2px}}.search-page-input__parent search-page-input-component .search-page-input{width:100%}@media(min-width:1200px){.search-page-input__parent search-page-input-component .search-page-input{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:clamp(var(--font-b2-s-c) / 2 * 1px,var(--font-b2-s-c) / 1440 * 100vw,var(--font-b2-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b2-lh-w);letter-spacing:var(--font-b2-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.search-page-input__parent search-page-input-component .search-page-input{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:var(--font-b2-s-m);font-weight:var(--font-weight);line-height:var(--font-b2-lh-m);letter-spacing:var(--font-b2-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.search-page-input__parent search-page-input-component .search-page-input{outline:none!important;color:var(--font-high);background-color:var(--container-primary);padding:0 clamp(23.5px,3.2638888889vw,94px);text-overflow:ellipsis;overflow:hidden;height:clamp(24px,3.3333333333vw,96px)!important;border-radius:clamp(2px,.2777777778vw,8px)!important;border:1px solid var(--border)!important}@media(max-width:1199px){.search-page-input__parent search-page-input-component .search-page-input{height:48px!important;border-radius:4px!important;padding:0 47px}}.search-page-input__parent search-page-input-component .search-page-input:focus,.search-page-input__parent search-page-input-component .search-page-input:focus-visible{border-color:var(--dark-border)!important}.search-page-input__parent search-page-input-component .search-page-input::placeholder{color:var(--font-low)}.search-page-input__parent search-page-input-component .search-page-input::-webkit-search-decoration,.search-page-input__parent search-page-input-component .search-page-input::-webkit-search-cancel-button,.search-page-input__parent search-page-input-component .search-page-input::-webkit-search-results-button,.search-page-input__parent search-page-input-component .search-page-input::-webkit-search-results-decoration{display:none}.search-page-input__parent .search-results__no-results{margin-top:clamp(4px,.5555555556vw,16px)}@media(max-width:1199px){.search-page-input__parent .search-results__no-results{margin-top:8px}}@media(min-width:1200px){.search-page-input__parent .search-results__no-results p{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:clamp(var(--font-b2-s-c) / 2 * 1px,var(--font-b2-s-c) / 1440 * 100vw,var(--font-b2-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b2-lh-w);letter-spacing:var(--font-b2-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.search-page-input__parent .search-results__no-results p{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:var(--font-b2-s-m);font-weight:var(--font-weight);line-height:var(--font-b2-lh-m);letter-spacing:var(--font-b2-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.search-page-input__parent .search-results__no-results p{color:var(--font-mid)}.search-results__no-results{opacity:var(--opacity-subdued-text)}search-page-input-component .search__reset-button{cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing)}search-page-input-component:has(.search-page-input:not(:placeholder-shown)) .search__reset-button{opacity:1;visibility:visible;pointer-events:auto}search-page-input-component .search__reset-button-icon{vertical-align:middle;display:flex;align-items:center;justify-content:center;transition:transform var(--animation-speed) var(--animation-easing)}search-page-input-component .search__reset-button:active .search__reset-button-icon{transform:scale(.9)}search-page-input-component .search__reset-button--hidden{cursor:default;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing);pointer-events:none;visibility:hidden}search-page-input-component .search__reset-button-text{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/search-input.css.map */