.predictive-search-form__header-box{display:flex;align-items:center;gap:var(--gap-lg);max-width:666px;margin:0 auto;width:100%}.search-modal .predictive-search__reset-button{opacity:0;visibility:hidden}.search-modal .predictive-search-results__inner{padding:var(--padding-2xl) 0;overflow-x:clip}@media screen and (min-width:750px){.search-modal__content{--modal-width: 100%;max-width:100%;border-radius:0;box-shadow:none;border:none;border-bottom:var(--style-border-width) solid var(--color-border)}body:has(na-header-component:not([data-sticky-state=active])) .search-modal__content{--modal-top-margin: var(--header-group-height)}body:has(na-header-component[data-sticky-state=active]) .search-modal__content{--modal-top-margin: calc(var(--header-group-height) - var(--header-height))}.dialog-modal[open].search-modal__content{border-radius:0;box-shadow:revert;animation:search-slide-down .25s ease forwards}.dialog-modal.search-modal__content.dialog-closing{animation:search-slide-up .2s ease forwards}.search-modal__content::backdrop{top:var(--modal-top-margin)}}.search-modal .predictive-search-form__header{border:none;border-radius:0;background-color:var(--color-background);display:grid;padding:var(--padding-2xl) 0}.search-modal .predictive-search-form__header-inner{--color-background: var(--color-primary-button-hover-background);border:0;border-radius:var(--style-border-radius-inputs);position:relative}.search-modal .predictive-search__icon{left:auto;right:var(--margin-lg);color:var(--color-foreground)}.search-modal input.search-input{padding:var(--padding-2xs) var(--padding-lg);font-size:var(--font-size--sm)}.search-modal input.search-input::placeholder{--color-foreground: #4b4b4b}.search-modal .predictive-search__close-modal-button{--button-background-color: transparent;--button-color: var(--color-foreground);margin-inline-start:0;padding:0;border:none;box-shadow:none;background:transparent;min-width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.search-modal .predictive-search__close-modal-button:hover{--button-background-color: transparent;--button-color: var(--color-foreground);background:transparent;box-shadow:none}.search-modal .predictive-search__close-modal-button .svg-wrapper,.search-modal .predictive-search__close-modal-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}@media screen and (min-width:750px){.search-modal .predictive-search-form__content-wrapper{position:relative;top:0;border-radius:0;max-height:none}.search-modal .predictive-search-form__content{max-height:65dvh}}.predictive-search-empty__layout{display:flex;flex-direction:column;gap:var(--gap-xl)}.predictive-search-empty__popular-searches{flex-shrink:0;min-width:236px}.predictive-search-empty__heading{font-size:var(--font-size--lg);font-weight:var(--font-subheading--weight);font-family:var(--font-subheading--family);margin:0 0 var(--margin-4xl);letter-spacing:.005em}.predictive-search-empty__popular-list{display:flex;flex-direction:column;gap:var(--gap-lg);list-style:none;padding:0;margin:0}.predictive-search-empty__popular-link{font-size:var(--font-size--md);--link-color: var(--color-foreground)}.predictive-search-empty__featured-collections{flex:1;min-width:0}.predictive-search-empty__collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg)}.predictive-search-empty__collection-card{display:flex;flex-direction:column;gap:var(--gap-xs);text-decoration:none;color:var(--color-foreground);transition:transform var(--animation-speed-medium) var(--animation-timing-bounce)}.predictive-search-empty__collection-card .predictive-search-empty__collection-image{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--style-border-radius-sm)}.predictive-search-empty__collection-placeholder{aspect-ratio:1 / 1;border-radius:var(--style-border-radius-sm);overflow:hidden;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.predictive-search-empty__collection-placeholder .placeholder-svg{width:100%;height:100%}.predictive-search-empty__collection-title{font-size:var(--font-size--md);font-weight:var(--font-subheading--weight);font-family:var(--font-subheading--family);text-align:center;margin:0}.predictive-search-results__no-results{font-size:var(--font-size--2xl);letter-spacing:.005em;margin:0;border-bottom:var(--style-border-width) solid var(--color-border);padding-bottom:var(--padding-4xl);margin-bottom:var(--margin-4xl)}.predictive-search-results__no-results strong{font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight)}.predictive-search-results__layout{display:flex;flex-direction:column;gap:var(--gap-xl)}.predictive-search-results__suggestions{display:flex;flex-direction:column;gap:var(--gap-2xl);flex-shrink:0;width:185px}.predictive-search-results__suggestions-group{display:flex;flex-direction:column}.predictive-search-results__suggestions-title{font-size:var(--font-size--lg);font-weight:var(--font-subheading--weight);font-family:var(--font-subheading--family);margin:0 0 var(--margin-lg);padding-bottom:var(--padding-lg);letter-spacing:.005em;border-bottom:var(--style-border-width) solid var(--color-border)}.predictive-search-results__suggestions-list{display:flex;flex-direction:column;gap:var(--gap-lg);padding:0;margin:0}.predictive-search-results__suggestion-link{font-size:var(--font-size--sm);text-decoration:none;color:var(--color-foreground)}.predictive-search-results__suggestion-link mark{background-color:transparent;font-weight:var(--font-subheading--weight);font-family:var(--font-subheading--family);color:var(--color-foreground)}.predictive-search-results__products-area{flex:1;min-width:0;overflow:hidden}.predictive-search-results__products-row{display:flex;gap:var(--gap-lg);overflow-x:auto;scroll-snap-type:x mandatory;padding:0;margin:0;scrollbar-width:none}.predictive-search-results__products-row::-webkit-scrollbar{display:none}.predictive-search-results__products-row>.predictive-search-results__card--product{flex:0 0 auto;width:calc(25% - calc(var(--gap-lg) * 3 / 4));scroll-snap-align:start}.na-predictive-card__link{color:var(--color-foreground)}.predictive-search__search-button{font-size:var(--font-size--sm)}@keyframes search-slide-down{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes search-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}@media screen and (min-width:750px){.predictive-search-empty__layout,.predictive-search-results__layout{flex-direction:row;gap:var(--gap-3xl)}}@media screen and (max-width:1200px){.predictive-search-empty__popular-searches{min-width:160px}.predictive-search-empty__layout{gap:var(--gap-xl)}.predictive-search-empty__collections-grid{gap:var(--gap-xs)}.predictive-search-empty__popular-link{font-size:var(--font-size--sm)}.predictive-search-empty__heading{margin:0 0 var(--margin-2xl)}.predictive-search-empty__collection-title{font-size:var(--font-size--2xs)}}@media screen and (max-width:1200px){.predictive-search-results__suggestions{min-width:160px}.predictive-search-results__suggestions-title{margin:0 0 var(--margin-xl)}}@media screen and (max-width:749px){.predictive-search-results__suggestions{padding-bottom:var(--padding-lg);border-bottom:var(--style-border-width) solid var(--color-border);width:100%;padding-inline:var(--padding-lg)}.predictive-search-results__products-row>.predictive-search-results__card--product{width:63%}.predictive-search-empty__collections-grid{display:flex;overflow-x:auto;padding-inline:var(--padding-lg)}.predictive-search-empty__collection-card{width:44%;flex-shrink:0}.search-modal .predictive-search-form__content{overflow:revert}.search-modal .predictive-search-results__inner{margin-inline:calc(var(--margin-lg) * -1)}.predictive-search-empty__popular-searches{padding-inline:var(--padding-lg)}.predictive-search-empty__popular-list{border-bottom:var(--style-border-width) solid var(--color-border);padding-bottom:var(--padding-xl)}.search-modal .predictive-search-form__header{padding:var(--padding-lg) 0}.predictive-search-results__no-results{font-size:var(--font-size--md);margin-inline:var(--margin-lg);margin-bottom:var(--margin-2xl);padding-bottom:var(--padding-2xl)}.predictive-search-results__products-row{padding:0 var(--padding-lg);scroll-padding-inline:var(--padding-lg)}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-search-modal.css.map */