predictive-search{position:fixed;top:calc(var(--header-height, 79px) + var(--announcement-bar-offset, 0px));left:0;right:0;bottom:0;z-index:99;pointer-events:none;visibility:hidden}predictive-search[data-open]{pointer-events:auto;visibility:visible}.search-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity var(--motion-duration-md) var(--motion-ease-out)}predictive-search[data-open] .search-overlay__backdrop{opacity:1}.search-overlay__panel{position:absolute;top:0;left:0;right:0;background:var(--color-bg);max-height:calc(100vh - var(--header-height, 79px) - var(--announcement-bar-offset, 0px) - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-10px);opacity:0;transition:transform var(--motion-duration-md) var(--motion-ease-out),opacity var(--motion-duration-md) var(--motion-ease-out);box-shadow:0 8px 24px #0000001f}predictive-search[data-open] .search-overlay__panel{transform:translateY(0);opacity:1}.search-overlay__input-area{position:relative;padding:var(--space-10) var(--page-padding-inline) var(--space-5)}.search-overlay__form{display:flex;align-items:center;gap:var(--space-2)}.search-overlay__input{order:2;flex:1;font-family:var(--font-display);font-size:32px;line-height:40px;font-weight:800;text-transform:uppercase;color:var(--color-text);background:none;border:none;outline:none;caret-color:var(--color-text);padding:0;min-width:0}.search-overlay__input::placeholder{color:var(--gray-300)}.search-overlay__input:placeholder-shown{caret-color:transparent}.search-overlay__input-wrap{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:0}.search-overlay__input-cursor{order:1;font-family:var(--font-display);font-size:32px;line-height:40px;font-weight:800;color:var(--gray-300)}.search-overlay__input:not(:placeholder-shown)~.search-overlay__input-cursor{display:none}.search-overlay__input:placeholder-shown:focus~.search-overlay__input-cursor{display:inline-block;width:2px;height:1em;color:transparent;background-color:var(--color-text);animation:caret-blink 1s step-end infinite}.search-overlay__input::-webkit-search-cancel-button,.search-overlay__input::-webkit-search-decoration{display:none;-webkit-appearance:none}.search-overlay__close{position:absolute;top:var(--space-5);right:var(--page-padding-inline);background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}.search-overlay__close:hover{opacity:.6}.search-overlay__close:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.search-overlay__close svg{width:20px;height:20px}.search-overlay__divider{width:calc(100% - var(--page-padding-inline) * 2);height:1px;background:var(--gray-300);margin:0 auto}.search-overlay__suggestions{padding:var(--space-5) var(--page-padding-inline);display:none}predictive-search[data-default] .search-overlay__suggestions{display:block}.search-overlay__suggestions-label{display:block;margin-bottom:var(--space-4);color:var(--color-text)}.search-overlay__pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.search-overlay__pill{display:inline-flex;align-items:center;padding:2px var(--space-5);border:1px solid rgba(0,0,0,.2);border-radius:500px;background:none;cursor:pointer;font-family:var(--font-body);font-size:var(--type-body-base-size);line-height:24px;color:var(--color-text);opacity:.59;transition:opacity var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out)}.search-overlay__pill:hover,.search-overlay__pill:focus-visible{opacity:1;border-color:var(--color-text)}.search-overlay__pill:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.search-overlay__results{padding:0 var(--page-padding-inline) var(--space-8);position:relative;min-height:0}.search-overlay__popular{padding:var(--space-3) var(--page-padding-inline) var(--space-8);display:none}predictive-search[data-default] .search-overlay__popular{display:block}predictive-search[data-has-results] .search-overlay__popular,predictive-search[data-loading]:not([data-default]) .search-overlay__popular{display:none}.predictive-search__results{animation:search-fade-in var(--motion-duration-md) var(--motion-ease-out)}@keyframes search-fade-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.predictive-search__results{animation:none}.search-overlay__panel,.search-overlay__backdrop{transition:none}}.predictive-search__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-top:var(--space-5)}.predictive-search__label{color:var(--color-text)}.predictive-search__see-all{color:var(--color-text);text-decoration:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}.predictive-search__see-all:hover,.predictive-search__see-all:focus-visible{opacity:.6}.predictive-search__grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:var(--space-4);margin-inline:calc(-1 * var(--page-padding-inline));padding-inline:var(--page-padding-inline);scroll-padding-inline:var(--page-padding-inline)}.predictive-search__grid::-webkit-scrollbar{display:none}.predictive-search__item{flex:0 0 auto;scroll-snap-align:start}.predictive-search__empty-msg{color:var(--color-text)}.predictive-search__articles{padding-top:var(--space-5);border-top:1px solid var(--gray-300);margin-top:var(--space-5)}.predictive-search__articles .predictive-search__label{display:block;margin-bottom:var(--space-3)}.predictive-search__article-list{display:flex;flex-direction:column;gap:var(--space-3)}.predictive-search__article-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);padding:var(--space-2) 0;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}.predictive-search__article-link:hover{opacity:.7}.predictive-search__article-img{width:60px;height:60px;flex-shrink:0;overflow:hidden;background:var(--color-bg-subtle, #f5f5f5)}.predictive-search__article-img img{width:100%;height:100%;object-fit:cover}.predictive-search__article-info{display:flex;flex-direction:column;gap:2px}.predictive-search__article-title{color:var(--color-text)}.predictive-search__article-meta{color:var(--gray-600)}.search-card{display:flex;flex-direction:column;gap:var(--product-card-gap);flex-shrink:0;width:247px;text-decoration:none;color:var(--color-text)}.search-card__media{width:100%;aspect-ratio:240 / 283;overflow:hidden;background:var(--color-bg-subtle, #f5f5f5)}.search-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-md) var(--motion-ease-out)}.search-card:hover .search-card__img,.search-card[data-active] .search-card__img{transform:scale(1.05)}.search-card__placeholder{width:100%;height:100%;background:var(--gray-300)}.search-card__info{display:flex;flex-direction:column;gap:2px}.search-card__title{color:var(--color-text)}.search-card__price{color:var(--gray-600)}.search-card[data-active]{outline:2px solid var(--color-text);outline-offset:2px;border-radius:2px}predictive-search[data-loading] .search-overlay__results:before{content:"";position:absolute;top:var(--space-8);left:50%;width:20px;height:20px;margin-inline-start:-10px;border:2px solid var(--gray-300);border-top-color:var(--color-text);border-radius:50%;animation:search-spin .6s linear infinite;z-index:1}predictive-search[data-loading][data-default] .search-overlay__results:before{display:none}predictive-search[data-loading] .predictive-search__results{opacity:.4;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}@keyframes search-spin{to{transform:rotate(360deg)}}@media(max-width:989px){predictive-search{top:0;z-index:200}.search-overlay__backdrop{background:#0000}.search-overlay__panel{top:0;max-height:100vh;border-radius:0;box-shadow:none}.search-overlay__input-area{padding:var(--space-12) var(--space-5) var(--space-4)}.search-overlay__input{font-size:24px;line-height:32px}.search-overlay__close{top:var(--space-4);right:var(--space-5)}.search-overlay__divider{width:calc(100% - var(--space-5) * 2)}.search-overlay__suggestions{padding:var(--space-4) var(--space-5)}.search-overlay__results{padding:0 var(--space-5) 80px}.predictive-search__grid{margin-inline:calc(-1 * var(--space-5));padding-inline:var(--space-5);scroll-padding-inline:var(--space-5)}.search-card{width:53vw}.predictive-search__see-all{text-decoration:underline}}.section-header [data-megamenu-panel][data-open]~predictive-search{display:none}
/*# sourceMappingURL=/cdn/shop/t/213/assets/section-search-overlay.css.map */