.search__content .media-wrapper{flex:0 0 10rem}@media(max-width:767.98px){.search__content .media-wrapper{flex:0 0 8rem}}.search__field input:not(:placeholder-shown)~.search__reset{opacity:1}.search__field input:not(:placeholder-shown)~.predictive-search-icon{opacity:0;pointer-events:none}.search__field .icon-loader{transition-property:opacity,visibility}.search__field-icon{inset-inline-end:1.6rem;opacity:1}.search__input{width:100%;padding-inline-start:2.4rem;padding-inline-end:5rem;--inputs-border-width: var(--inputs-search-border-width)}.search__input::-webkit-search-decoration,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{appearance:none;-webkit-appearance:none}.search__input:focus,.predictive-search-open .search__input,.search__form[results] .search__input{background-color:rgb(var(--color-background));border-color:transparent;color:rgb(var(--color-foreground))}.search__input:focus:not(:focus-visible),.predictive-search-open .search__input:not(:focus-visible),.search__form[results] .search__input:not(:focus-visible){box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.search__reset{padding:0;border:0;inset-inline-end:1.6rem;transition:opacity .2s;letter-spacing:normal;text-transform:capitalize;font-size:1.2rem;opacity:0}.search__results{display:none}.search__results mark{background-color:transparent;color:inherit}.search__content{padding-block:2.4rem;position:absolute;left:0;background-color:rgb(var(--color-background));top:100%;z-index:2;width:100%;border-top:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));opacity:0;visibility:hidden;pointer-events:none;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.predictive-search-open .search__content{opacity:1;visibility:visible;pointer-events:auto;z-index:11}.template-search .search__content{padding-inline:2.4rem}@media(min-width:768px){.search__content{padding-block:0}}@media(min-width:1024px){.search__content{height:auto;max-height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}}.search__form{--f-columns-md: 4;--f-columns-xl: 5}.search__form[loading] .search__reset .icon-loader{opacity:1;visibility:visible;transition-delay:.1s}.search__form[loading] .search__reset span{opacity:0}.search__form[results] .search__results{display:flex}.search__form[results] .search__recommendations{display:none}.template-search .search__form{--f-columns-xxl: 4;max-width:65rem;padding:0}@media(min-width:1024px){.template-search .search__form{min-width:var(--search-form-width, 60rem)}}.search__empty{padding-block:5rem}.search__types{max-width:8rem;inset-inline-start:0;position:absolute}.search__types select{width:100%;font-weight:var(--font-body-weight-bolder);padding-inline-start:2.4rem;padding-inline-end:3.6rem;position:relative;transition:none}.search__types select:focus:not(:focus-visible){outline:none;box-shadow:none}.search__types select+.icon{color:rgb(var(--color-field-text));transition:none}.search__types:after{content:"";position:absolute;width:.1rem;background-color:rgba(var(--color-field-text),.1);top:50%;right:0;transform:translateY(-50%);height:calc(100% - 2rem)}.search__types svg{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);pointer-events:none}.search__types+.search__input{padding-inline-start:9.6rem;transition:none}@media(min-width:640px){.search__types{min-width:16.4rem}.search__types+.search__input{padding-inline-start:18.4rem}.search__types select{padding-inline-end:4rem}.search__types svg{right:2rem}}.search__field-icon{color:rgb(var(--color-field-text));transition:none}@media(min-width:768px){.search__box-others{flex:0 0 25rem;padding-inline-start:2.4rem;border-inline-start:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));padding-block:2rem 4rem}.search__box-others.no-products{border:none;padding-inline-start:0}}@media(min-width:1024px){.search__box-others{flex:0 0 35rem;padding-inline-start:2.4rem;padding-block:2rem 4rem}.search__box-others.no-products{padding-inline-start:0}}.search__box-products{padding-block-end:2.4rem}@media(min-width:768px){.search__box-products{padding-block:2.4rem;padding-inline-end:2rem}}@media(min-width:1280px){.search__box-products{padding-block:2rem 4rem;padding-inline-end:5rem}}.template-search .search__content{inset-block-start:calc(100% + 1rem);inset-inline-start:0;width:100%;max-height:60vh;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:min(2.4rem,var(--inputs-radius))}.template-search .search__content::-webkit-scrollbar-track{margin-block:min(2.4rem,var(--inputs-radius))}.predictive-search-open .template-search .search__field{z-index:11}.template-search__header{margin-bottom:3rem}@media(min-width:768px){.template-search__header{margin-bottom:5rem}}body.search-template,.site-wrapper{display:flex;flex-direction:column;flex:1}body.search-template #MainContent,.site-wrapper #MainContent{flex:1}.predictive-search-result__list-item{text-transform:capitalize}.predictive-search-open .search__types .form-select,.predictive-search-open .search__types .form-select+.icon,.search__form[results] .search__types .form-select,.search__form[results] .search__types .form-select+.icon,.search__form:has(.search__input:focus) .search__types .form-select,.search__form:has(.search__input:focus) .search__types .form-select+.icon{color:rgb(var(--color-foreground))}.predictive-search-open .search__types:after,.search__form[results] .search__types:after,.search__form:has(.search__input:focus) .search__types:after{background-color:rgba(var(--color-foreground),.1)}.predictive-search-open .search__field-icon,.predictive-search-open .search__input::placeholder,.predictive-search-open .search__reset,.search__form[results] .search__field-icon,.search__form[results] .search__input::placeholder,.search__form[results] .search__reset,.search__form:has(.search__input:focus) .search__field-icon,.search__form:has(.search__input:focus) .search__input::placeholder,.search__form:has(.search__input:focus) .search__reset{color:rgb(var(--color-foreground))}.search__form:has(.form-select:focus) .form-select+.icon{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/339/assets/predictive-search.css.map */