.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.header-search-wrapper .search__button{background:var(--main-color);border:0;border-radius:0 4px 4px 0;position:relative;color:#fff}.header-search-wrapper .search__button .icon{color:#fff}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search{background-color:#f9f9f9}.template-search .banner-content{background-size:cover;background-repeat:no-repeat;width:100%;max-width:100%;position:relative;position:sticky;top:-100%;z-index:2;transition:all .8s ease}.sticky-header .template-search .banner-content{top:142px;transition:all .8s ease}.template-search .banner-content .main-banner{line-height:0}.template-search .banner-content .content{width:100%;max-width:100%}.template-search .banner-content .content .content_inner{padding:18px 20px;max-width:1110px;margin:0 auto}.template-search .banner-content .content .content_inner .template-search__search{margin:0;max-width:100%;display:none}.template-search .banner-content .content .content_inner .main-heading h1,.template-search .banner-content .content .content_inner .main-heading h2{margin:0 0 20px;font-weight:500;color:#fff;z-index:1;position:relative;font-size:36px;line-height:1.3;letter-spacing:0}.template-search .banner-content .content .facets-container{padding:0}.template-search__search .field:after,.template-search__search .field:before{display:none}.template-search__search .field input::placeholder{opacity:1}.template-search__search .field input{padding:10px 44px;font-size:18px;color:#525866;font-weight:400;text-transform:capitalize;border-radius:4px}.template-search__search .field .icon__search{position:absolute;z-index:1;top:50%;transform:translateY(-50%);line-height:1;left:16px}.template-search__search .field .icon__search svg{width:15px;height:15px;fill:#cacfd8}.template-search__search .field .search__button{background:var(--main-color);color:var(--text-on-main-color, #fff);padding:10px;min-width:100px;font-weight:500;font-size:16px;line-height:1.5;border-radius:0 4px 4px 0;top:2px;right:2px;height:43px}.template-search__search .field .reset__button{right:110px}.template-search__results .pagination-wrapper .pagination__list{justify-content:end}.template-search__results .pagination-wrapper .pagination__item--current:after,.template-search__results .pagination-wrapper .pagination__item:hover:after{content:inherit}.header-search-wrapper .search__input{border:1px solid #d4d4d4;background:#fff;border-right:0;height:44px;border-radius:4px 0 0 4px}.empty-search-wrapper{padding-block:150px;text-align:center}.empty-search-wrapper .empty-text-wrapper h3{font-size:20px;font-weight:700;margin-top:44px}.empty-search-wrapper .empty-text-wrapper p{margin-top:20px}.empty-search-wrapper .empty-text-wrapper .subheading{margin-top:44px;color:#000}.empty-search-wrapper .product-form__buttons{max-width:100%;margin:44px 0 0}.success-wrapper{text-align:center}@media screen and (min-width:990px){.template-search .banner-content .facets__form,.template-search .banner-content .facets__form-vertical{flex-direction:row;align-items:flex-start}.template-search .banner-content .facets__form>.facets__wrapper,.template-search .banner-content .facets__form-vertical>.facets__wrapper{flex:1 1 auto;min-width:0}.template-search .banner-content .facets__search-cta{flex:0 0 auto}}.template-search .banner-content .facets__form:not(:has(>.facets__search-cta))>.facets__wrapper{display:none}.facets__search-cta-button{min-width:180px;min-height:44px;background:var(--main-color);color:var(--text-on-main-color, #fff);border:none;cursor:pointer;font-size:16px;font-weight:500;white-space:nowrap}@media screen and (max-width:989px){.facets__search-cta{margin-top:16px}.facets__search-cta-button{width:100%}}.search-results-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.search-results-footer__page-size{display:flex;align-items:center;gap:8px;font-size:14px;color:#414651}.search-results-footer__page-size label{margin:0}.search-results-footer__select{border:1px solid #D5D7DA;border-radius:4px;padding:8px 10px;font-size:14px;min-height:44px;background:#fff}.search-results-footer .pagination-wrapper{margin:0 0 0 auto}@media screen and (max-width:749px){.search-results-footer{justify-content:center}.search-results-footer .pagination-wrapper{margin:0 auto}}.empty-search-wrapper .active-facets--empty-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 28px}.empty-search-wrapper .active-facets--empty-state .active-facets__button{margin:0}.empty-search-wrapper .custom-request-part-btn{margin-top:24px}.empty-search-wrapper .custom-request-part-btn .request_parts{background:var(--main-color);color:var(--text-on-main-color, #fff);font-size:18px;font-weight:500;text-transform:capitalize;text-decoration:none;padding:10px;display:block;max-width:200px;margin:0 auto}.template-search-vehicle .details-for-hide-select-part-type{display:none}@media screen and (max-width:989px){.sticky-header .template-search .banner-content{top:110px}}@media screen and (max-width:749px){.template-search .banner-content .main-banner img{min-height:120px}.template-search .banner-content .content .content_inner .main-heading h1,.template-search .banner-content .content .content_inner .main-heading h2{margin:0}.template-search .banner-content .content .content_inner{padding:92px 20px 108px}.empty-search-wrapper{padding:70px 15px 0;text-align:center}}@media screen and (max-width:375px){.sticky-header .template-search .banner-content{top:96px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */
