html:has(dialog.search-overlay__dialog[open]){overflow:hidden}search-overlay[data-nonmodal] .search-overlay__dialog{top:var(--header-height, 0px);height:calc(100dvh - var(--header-height, 0px));z-index:300}html.search-overlay-locked,html.search-overlay-locked body{overflow:hidden}search-overlay[data-external-input] .search-overlay__bar{display:none}.search-overlay__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--text-color, #222);font-family:var(--font-body-family, inherit);overflow:hidden;z-index:1000}.search-overlay__dialog[open]{display:flex;animation:search-overlay-in .18s ease-out}.search-overlay__dialog::backdrop{background:#0000004d}@keyframes search-overlay-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.search-overlay__dialog[open]{animation:none}}.search-overlay__visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.search-overlay [hidden]{display:none!important}.search-overlay__inner{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.search-overlay__bar{position:relative;display:flex;align-items:center;gap:12px;flex:none;margin:0;padding:12px 16px;border-bottom:1px solid var(--border-color, #e6e6e6)}.search-overlay__field{position:relative;display:flex;align-items:center;flex:1;min-width:0;margin:0;padding:0 12px;height:48px;border:1px solid rgba(var(--text-color-rgb, 34, 34, 34),.15);border-radius:2px;background:#fff;cursor:text}.search-overlay__icon{flex:none;color:rgba(var(--text-color-rgb, 34, 34, 34),.6)}.search-overlay .search-overlay__input{flex:1;min-width:0;height:100%;margin:0;padding:0 10px;border:0;background:transparent;box-shadow:none;color:var(--heading-color, var(--text-color, #222));font-family:inherit;font-size:18px;line-height:1.2;outline:none;-webkit-appearance:none;appearance:none}.search-overlay__input::-webkit-search-cancel-button,.search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-overlay__input::placeholder{color:rgba(var(--text-color-rgb, 34, 34, 34),.5)}.search-overlay__field:focus-within{border-color:rgba(var(--text-color-rgb, 34, 34, 34),.35)}.search-overlay__clear,.search-overlay__cancel,.search-overlay__text-btn{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;min-width:0;min-height:0;line-height:1;text-transform:none;letter-spacing:normal}.search-overlay__clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;color:rgba(var(--text-color-rgb, 34, 34, 34),.7)}.search-overlay__clear:hover{background:rgba(var(--text-color-rgb, 34, 34, 34),.08)}search-overlay[data-empty] .search-overlay__clear{display:none}.search-overlay__cancel{flex:none;padding:8px 4px;font-size:15px;font-weight:500;color:var(--heading-color, var(--text-color, #222))}.search-overlay__cancel:hover,.search-overlay__text-btn:hover{text-decoration:underline}.search-overlay__loading{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;opacity:0;pointer-events:none}.search-overlay__loading:after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:var(--accent-color, #222);animation:search-overlay-load 1s ease-in-out infinite}search-overlay[data-busy] .search-overlay__loading{opacity:1}@keyframes search-overlay-load{0%{transform:translate(-100%)}to{transform:translate(340%)}}.search-overlay__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.search-overlay__default,.search-overlay__results{display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px}.search-overlay__results-slot:not([hidden]){display:flex;flex-direction:column;flex:1 0 auto}.search-overlay__results{flex:1 0 auto;padding-bottom:0}.search-overlay__aside{display:flex;flex-direction:column;gap:16px}.search-overlay__main{display:flex;flex-direction:column;gap:16px;min-width:0}.search-overlay__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.search-overlay .search-overlay__heading{margin:0 0 2px;font-family:var(--font-heading-family, inherit);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--text-color-rgb, 34, 34, 34),.6)}.search-overlay__text-btn{font-size:13px;color:rgba(var(--text-color-rgb, 34, 34, 34),.7)}.search-overlay__list,.search-overlay__pills,.search-overlay__grid{margin:0;padding:0;list-style:none}.search-overlay__list li,.search-overlay__pills li,.search-overlay__grid li{margin:0}.search-overlay__query,.search-overlay__link{display:block;overflow:hidden;padding:4px 8px;margin:0 -8px;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;color:var(--text-color, #222);font-size:15px;line-height:1.35;text-decoration:none}.search-overlay__query mark{display:inline;padding:0;background:transparent;color:inherit;font-weight:700}.search-overlay__link--recent:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;background:currentColor;opacity:.45;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat}.search-overlay__pills{display:flex;flex-wrap:wrap;gap:8px}.search-overlay__pill{display:inline-block;padding:8px 14px;border:1px solid var(--border-color, #e6e6e6);border-radius:999px;color:var(--text-color, #222);font-size:14px;line-height:1.2;text-decoration:none}.search-overlay__pill:hover,.search-overlay__pill.is-selected{border-color:var(--text-color, #222)}.search-overlay__query:hover,.search-overlay__link:hover,.search-overlay__query.is-selected,.search-overlay__link.is-selected{background:rgba(var(--text-color-rgb, 34, 34, 34),.06);color:var(--heading-color, var(--text-color, #222))}.search-overlay__grid{--search-overlay-cards: 2.4;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px;margin:-4px;scrollbar-width:none}.search-overlay__grid::-webkit-scrollbar{display:none}.search-overlay__grid>li{flex:0 0 calc((100% - (var(--search-overlay-cards) - 1) * 12px) / var(--search-overlay-cards));min-width:0;scroll-snap-align:start}.search-overlay__slide-btns{display:none;gap:6px;margin-bottom:8px}.search-overlay__slide-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--border-color, #e6e6e6);border-radius:50%;background:#fff;color:var(--text-color, #222);cursor:pointer}.search-overlay__slide-btn:hover{border-color:var(--text-color, #222)}@media(hover:hover)and (pointer:fine){.search-overlay__slide-btns{display:flex}}@media(max-width:1023px){.search-overlay__grid{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}}.search-overlay__product-link{display:flex;flex-direction:column;gap:4px;height:100%;padding:0;margin:0;border-radius:6px;color:var(--text-color, #222);text-decoration:none}.search-overlay__product-link.is-selected{box-shadow:0 0 0 2px var(--accent-color, #222)}.search-overlay__product-media{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background:rgba(var(--text-color-rgb, 34, 34, 34),.04)}.search-overlay__product-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-overlay__product-img--placeholder{fill:rgba(var(--text-color-rgb, 34, 34, 34),.25)}.search-overlay__product-link:hover .search-overlay__product-img{transform:scale(1.04)}.search-overlay__product-title{display:-webkit-box;min-height:2.7em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.35;color:var(--heading-color, var(--text-color, #222))}.search-overlay__product-price{font-size:14px;font-weight:600;color:var(--text-color, #222)}.search-overlay__product-sale{color:var(--primary-price-color, #ec0101)}.search-overlay__product-compare{margin-left:6px;font-weight:400;color:var(--secondary-price-color, #878787)}.search-overlay__product-soldout{display:block;margin-top:2px;font-size:12px;font-weight:400;color:rgba(var(--text-color-rgb, 34, 34, 34),.6)}.search-overlay__empty-results{padding:8px 0 20px;color:rgba(var(--text-color-rgb, 34, 34, 34),.75)}.search-overlay__empty-results p{margin:0 0 6px}.search-overlay .search-overlay__empty-title{font-size:18px;font-weight:600;color:var(--heading-color, var(--text-color, #222))}.search-overlay__view-all{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;margin:auto -16px 0;padding:16px;background:var(--text-color, #222);color:#fff;font-size:15px;font-weight:600;text-decoration:none}.search-overlay__view-all:hover,.search-overlay__view-all.is-selected{color:#fff;text-decoration:underline}.search-overlay__view-all.is-selected{box-shadow:inset 0 0 0 3px var(--accent-color, #fff)}@media(min-width:768px){.search-overlay__grid{--search-overlay-cards: 3.4}}@media(min-width:1024px){.search-overlay__dialog{inset:0 0 auto 0;height:auto;max-height:100dvh;background:transparent;overflow:visible}.search-overlay__dialog::backdrop{background:#0000001a}search-overlay[data-empty] .search-overlay__clear{display:inline-flex}.search-overlay__inner{position:relative;height:auto}.search-overlay__bar{position:relative;justify-content:center;gap:0;padding:30px 32px;border-bottom:0;background:var(--search-overlay-bar-bg, var(--heading-color, var(--text-color, #222)));color:var(--search-overlay-bar-color, #fff)}.search-overlay__field{flex:none;width:600px;max-width:calc(100vw - 160px);height:40px;padding:0 16px}.search-overlay .search-overlay__input{font-size:16px}.search-overlay__cancel{position:absolute;top:50%;left:32px;transform:translateY(-50%);padding:8px;color:var(--search-overlay-bar-color, #fff)}.search-overlay__cancel:not(:focus-visible){width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search-overlay__body{position:absolute;top:100%;left:50%;transform:translate(-50%);width:603px;max-width:calc(100vw - 160px);max-height:calc(100dvh - 120px);border-radius:2px;background:#fff;box-shadow:0 8px 24px #0000001f;overflow-y:auto}.search-overlay__default,.search-overlay__results{gap:16px;padding:16px;font-size:12px}.search-overlay__results{padding-bottom:0}.search-overlay__view-all{margin:auto -16px 0}.search-overlay__grid{--search-overlay-cards: 2.4}}search-overlay[data-anchored] .search-overlay__dialog{inset:var(--search-overlay-anchor-top, 0px) var(--search-overlay-anchor-right, 16px) auto auto;width:603px;max-width:calc(100vw - 32px);height:auto;background:transparent;overflow:visible;z-index:1000}search-overlay[data-anchored] .search-overlay__body{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:none;max-height:calc(100dvh - var(--search-overlay-anchor-top, 0px) - 20px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-overlay.css.map */