.predictive-search{position:absolute;inset-block-start:100%;inset-inline-start:0;inset-inline-end:0;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease}.predictive-search[open]{visibility:visible;opacity:1}.predictive-search .predictive-search__overlay{display:block;position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;height:calc(100vh - var(--header-end));height:calc(100dvh - var(--header-end));background-color:var(--overlay-color);opacity:var(--overlay-opacity);z-index:1}.predictive-search__content{max-height:calc(100vh - var(--header-group-height));max-height:calc(100dvh - var(--header-group-height));overflow-y:auto;position:relative;z-index:2;background-color:var(--color-background)}.predictive-search__search-box{padding-block:40px 56px;display:flex;align-items:center;justify-content:center;gap:24px}@media(max-width:749px){.predictive-search__search-box{padding-block:24px 32px}}.predictive-search__form{width:100%;max-width:calc((var(--page-width) - 264px)*.3333333333 + 72px)}@media(max-width:749px){.predictive-search__form{max-width:none}}.predictive-search__input-wrapper{position:relative}.predictive-search__input{padding-inline-end:40px}.predictive-search__close-button{position:absolute;display:block;inset-block-start:50%;transform:translateY(-50%);inset-inline-end:8px}.predictive-search__close-button:before{content:"";position:absolute;width:44px;height:44px;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.predictive-search__close-button .icon-close{width:24px;height:24px}[dir=rtl] .predictive-search__close-button:before{transform:translate(50%,-50%)}.results__container{display:flex;gap:24px}@media(max-width:749px){.results__container{flex-direction:column;gap:40px}}.results__suggestions{width:16.6666666667%;display:flex;flex-direction:column;gap:24px}@media(max-width:749px){.results__suggestions{width:100%}}.results__suggestions .results__group{display:flex;flex-direction:column;gap:16px}.results__suggestions .results__list{display:flex;flex-direction:column;gap:12px}.results__products{flex:1;display:grid;grid-template-columns:repeat(var(--columns, 5),minmax(0,1fr));gap:24px}@media(max-width:749px){.results__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}.results__products .results__card{display:flex;flex-direction:column;gap:12px;height:-moz-fit-content;height:fit-content}.results__products .results__card-media{overflow:hidden}.results__products .results__card-media--auto{aspect-ratio:var(--ratio)}.results__products .results__card-media--square{aspect-ratio:1/1}.results__products .results__card-media--portrait{aspect-ratio:5/6}.results__products .results__card-media--landscape{aspect-ratio:16/9}.results__products .results__card-info{display:flex;flex-direction:column;gap:4px}.results__view-all{display:flex;align-items:center;justify-content:center;padding-block:16px;padding-inline:var(--gutter);margin-block-start:64px;border-block-start:1px solid var(--color-border)}@media(max-width:749px){.results__view-all{margin-block-start:32px}}.results__no-results{display:flex;align-items:center;justify-content:center;padding-block:0 56px;padding-inline:var(--gutter)}@media(max-width:749px){.results__no-results{padding-block:0 32px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/predictive-search.css.map */