#search-modal .search-modal__content{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--color-background, #fff)}#search-modal .search-modal__content[open]{display:flex;flex-direction:column;overflow:hidden}#search-modal .search-modal__content::backdrop{display:none}@keyframes jd-search-modal-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes jd-search-modal-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}#search-modal .dialog-modal[open].search-modal__content{animation:jd-search-modal-slide-in-top .3s var(--ease-out-quad) forwards}#search-modal .dialog-modal.search-modal__content.dialog-closing{animation:jd-search-modal-slide-out-top .2s var(--ease-out-quad) forwards}#search-modal predictive-search-component{flex:1 1 auto;min-height:0;background:transparent}#search-modal .predictive-search-form{height:100%;display:flex;flex-direction:column}#search-modal .predictive-search-form__content-wrapper{position:static;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:0;overflow:visible}#search-modal .predictive-search-form__content{flex:1 1 auto;max-height:none;padding-block-end:0!important}#search-modal .predictive-search-form__content:has(.jd-search-recos){min-height:0;display:flex;flex-direction:column}#search-modal .predictive-search-dropdown:has(.jd-search-recos){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#search-modal .predictive-search-form__footer{display:none}.jd-search-modal__header{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:flex-end;block-size:3.5rem;padding-inline:var(--jd-space-m)}.jd-search-modal__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.jd-search-modal__logo img{display:block;height:1.5rem;width:auto}.jd-search-modal__close{display:flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-inline-end:calc((var(--minimum-touch-target) - .625rem) / -2);color:var(--jd-color-text)}.jd-search-modal__close .svg-wrapper,.jd-search-modal__close svg{width:.625rem;height:.625rem}#search-modal .predictive-search-form__header{flex:0 0 auto;position:static;border:0;border-radius:0;background:transparent;padding-block:3rem;padding-inline:var(--jd-space-m)}#search-modal .predictive-search-form__header-inner{position:relative;border:0;border-radius:0;border-block-end:1px solid var(--jd-color-divider);background:transparent;max-width:39.5rem}#search-modal input.search-input{padding-inline:calc(1.075rem + var(--jd-space-s)) 0;padding-block:1rem;font-size:var(--jd-text-body-m);color:var(--jd-color-text)}#search-modal .predictive-search__icon{left:0;width:1.25rem;height:1.25rem;color:var(--jd-color-text)}#search-modal .predictive-search__icon>svg{width:1.181rem;height:1.181rem}#search-modal .predictive-search__reset-button{display:none}#search-modal .predictive-search-form__header:before{content:none;display:none}.jd-search-modal__suggestions{flex:0 0 auto;display:flex;align-items:center;gap:1.75rem;padding-inline:var(--jd-space-m);padding-block:1.25rem;overflow-x:auto;scrollbar-width:none}#search-modal .predictive-search-form:has(.jd-search-no-results) .jd-search-modal__suggestions{display:none}.jd-search-modal__suggestions::-webkit-scrollbar{display:none}.jd-search-modal__suggestions-label{flex:0 0 auto;font-size:1rem;font-weight:var(--jd-weight-bold);text-transform:uppercase;color:var(--jd-color-text)}.jd-search-modal__suggestions-list{flex:1 1 auto;display:flex;align-items:center;gap:1.75rem;white-space:nowrap}.jd-search-modal__suggestions-link{font-size:var(--jd-text-body-m);color:var(--jd-color-text);text-decoration:none}.jd-search-modal__suggestions-link:hover{text-decoration:underline}#search-modal .predictive-search-results__inner{padding-block:0 3rem;padding-inline:var(--jd-space-m);container-type:normal}#search-modal .predictive-search-results__inner:has(.jd-search-results){padding-block-start:3rem}.predictive-search-results__wrapper-products--jd{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--jd-space-s)}@media screen and (min-width:1150px){#search-modal .search-modal__content .jd-search-modal__header,#search-modal .search-modal__content .jd-search-modal__suggestions,#search-modal .search-modal__content .predictive-search-form__header,#search-modal .search-modal__content .predictive-search-results__inner{padding-inline:max(7.5rem,(100% - 79.5rem) / 2)}#search-modal .search-modal__content .predictive-search-results__inner:has(.jd-search-recos){padding-block:1.25rem 0}#search-modal .search-modal__content .predictive-search-results__inner:has(.jd-search-results){padding-block:4rem 0}#search-modal .search-modal__content .predictive-search-results__inner:not(:has(.jd-search-recos)):not(:has(.jd-search-results)){padding-block-start:3rem}#search-modal .search-modal__content .predictive-search-form__header{padding-block:3rem}#search-modal .search-modal__content .jd-search-modal__suggestions{padding-block-end:1.25rem}#search-modal .search-modal__content .predictive-search-results__wrapper-products--jd{grid-template-columns:repeat(5,1fr);gap:1rem}#search-modal .search-modal__content .jd-search-modal__suggestions,#search-modal .search-modal__content .jd-search-modal__suggestions-list{gap:1.5rem}}@keyframes jd-search-card-fade-in{0%{opacity:0}to{opacity:1}}#search-modal .predictive-search-results__wrapper-products--jd .predictive-search-results__card{animation:jd-search-card-fade-in .4s var(--ease-out-quad) backwards;animation-delay:calc(var(--jd-card-index, 0) * 40ms)}.jd-search-no-results__text{display:flex;flex-direction:column;gap:var(--jd-space-xs);margin:0;font-size:var(--jd-text-body-m);line-height:var(--jd-lh-body);color:var(--jd-color-text)}.jd-search-no-results__count{font-size:1rem;font-weight:var(--jd-weight-bold);text-transform:uppercase}.jd-search-no-results__message{color:var(--jd-color-text)}#search-modal .predictive-search-results__inner:has(.jd-search-recos){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.jd-search-no-results{flex:0 0 auto}.jd-search-recos{flex:1 1 auto;display:flex;flex-direction:column;margin-block-start:3rem}.jd-search-recos__title{margin:0 0 var(--jd-space-m);font-family:var(--jd-font-heading);font-weight:var(--jd-weight-bold);font-size:1.25rem;line-height:var(--jd-lh-heading);color:var(--jd-color-text)}#search-modal .jd-search-recos .jd-product-grid__track,#search-modal .jd-search-results .jd-product-grid__track{padding-inline:0}#search-modal .jd-search-recos .jd-product-grid__viewport,#search-modal .jd-search-results .jd-product-grid__viewport{margin-block-end:2rem}.jd-search-recos__cta-wrap{display:flex;justify-content:center;margin-block-start:auto}.jd-search-results__count{margin:0 0 var(--jd-space-m);font-size:1.25rem;font-weight:var(--jd-weight-bold);line-height:var(--jd-lh-body);color:var(--jd-color-text)}.jd-search-results__cta-wrap{display:flex;justify-content:center}.jd-search-recos__cta,.jd-search-results__cta{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;padding-inline:var(--jd-space-l);border:1px solid var(--jd-color-text);color:var(--jd-color-text);font-size:var(--jd-text-body-m);text-decoration:none;text-transform:uppercase}.jd-search-recos__cta:hover,.jd-search-results__cta:hover{background:var(--jd-color-text);color:var(--jd-color-text-inverse)}@media screen and (min-width:1150px){.jd-search-no-results__text{flex-direction:row;align-items:baseline;gap:1.5rem;padding-block-end:0}.jd-search-recos{margin-block-start:4rem}.jd-search-recos__title,.jd-search-results__count{margin-block-end:var(--jd-space-s)}#search-modal .jd-search-recos .jd-product-grid__viewport,#search-modal .jd-search-results .jd-product-grid__viewport{margin-block-end:2.5rem}}@media(prefers-reduced-motion:reduce){#search-modal .dialog-modal[open].search-modal__content,#search-modal .dialog-modal.search-modal__content.dialog-closing,#search-modal .predictive-search-results__wrapper-products--jd .predictive-search-results__card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/jd-search-modal.css.map */