.search-modal{position:fixed;top:0;right:0;visibility:hidden;overflow:hidden;width:100%;height:100%;transition:opacity .3s ease,visibility .3s .3s ease;opacity:0;background-color:#0006}.search-modal.js-modal-open{z-index:50;visibility:visible;transition:opacity .3s ease,visibility 0s 0s ease;opacity:1}.search-modal.js-modal-open .search-modal__inner{transition:transform .3s .3s ease,opacity .3s .3s ease,visibility 0s ease;transform:translate(0)}.search-modal__inner{position:relative;height:100%;margin-bottom:30px;transition:transform .3s ease,opacity .3s ease,visibility .3s .3s ease;transform:translate(100%);background-color:var(--color-light-grey)}@media (min-width: 1024px){.search-modal__inner{width:50vw;margin-left:auto}}.search-modal__inner .text-holder{max-width:1440px;margin:0 auto 11px;padding:0 30px}.search-modal__close-holder,.search-modal .close-holder{display:flex;flex-flow:row;justify-content:space-between;padding:3px 17px 0 30px}@media (min-width: 1024px){.search-modal__close-holder,.search-modal .close-holder{padding:0 17px}}.search-modal__close-holder__title,.search-modal .close-holder__title{font-family:Moderat;font-weight:400;font-style:normal;font-size:1.4rem;font-weight:500;line-height:1.7rem;padding:16px 0;text-align:left;text-transform:uppercase}.search-modal__close-holder__button,.search-modal .close-holder__button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.search-modal__close-holder__button svg,.search-modal .close-holder__button svg{width:24px;height:24px}.search-modal predictive-search{display:block;padding:80px 30px}.search-modal predictive-search form .input--search-button{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;width:100%;padding:16px 0 8px;text-align:left;border-bottom:1px solid var(--color-dark)}.search-modal predictive-search form .input--search-button label{display:none}.search-modal predictive-search form .input--search-button input{width:100%}.search-modal predictive-search .predictive-search__search-results{display:flex;overflow:scroll;flex-flow:column;height:calc(100vh - 177px);padding:30px 0;grid-gap:10px;gap:10px}@media (min-width: 1024px){.search-modal predictive-search .predictive-search__search-results{display:grid;overflow:scroll;height:calc(100vh - 170px);padding:20px 0;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:20px;grid-auto-rows:120px}}.search-modal predictive-search .predictive-search__search-results .search-results__no-results{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;color:var(--color-dark)}.search-modal predictive-search .predictive-search__search-results .rapid-search-product{display:grid;flex-flow:column;width:100%;max-height:137px;padding:15px 28px 15px 22px;border-radius:4px;background-color:var(--color-white);grid-template-columns:62px 1fr 1fr;grid-template-rows:auto;grid-gap:8px;gap:8px;grid-row-gap:30px}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__image-holder{display:flex;align-items:flex-start;justify-content:center;height:auto;max-height:98px;grid-column:1;grid-row:1}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__image-holder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder{display:flex;flex-flow:column;grid-row:1}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder__title,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder__title{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;text-align:left;text-transform:uppercase;color:var(--color-dark)}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder__variant,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder__variant{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;text-transform:uppercase;color:var(--color-dark)}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder__price-holder,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder__price-holder{display:flex;flex-flow:row;grid-gap:4px;gap:4px}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder__price-holder .price,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder__price-holder .price{font-family:Moderat;font-style:normal;line-height:1.7rem;font-size:1.4rem;font-weight:400;line-height:120%;color:var(--color-dark)}.search-modal predictive-search .predictive-search__search-results .rapid-search-product__text-holder__price-holder .price--underlined,.search-modal predictive-search .predictive-search__search-results .rapid-search-product .text-holder__price-holder .price--underlined{text-decoration:line-through}
/*# sourceMappingURL=/s/files/1/0313/2650/3045/t/38/assets/section-search-modal.css.map */
