.search-overlay{position:fixed;inset:0 0 auto;z-index:200;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden;background:var(--color-background);color:var(--color-foreground);transform:translateY(-100%);transition:transform var(--dur-slow) var(--ease-luxe),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete}.search-overlay[open]{transform:none}@starting-style{.search-overlay[open]{transform:translateY(-100%)}}.search-overlay::backdrop{opacity:0;transition:opacity var(--dur-base) var(--ease-luxe),overlay var(--dur-base) allow-discrete,display var(--dur-base) allow-discrete}.search-overlay[open]::backdrop{opacity:1}@starting-style{.search-overlay[open]::backdrop{opacity:0}}@media(min-width:750px){.search-overlay{height:auto;max-height:min(90dvh,56rem);box-shadow:var(--shadow-lift)}}.search-overlay__panel{display:flex;flex-direction:column;height:100%;max-height:inherit}.search-overlay__form{position:relative;flex:none;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--color-border)}.search-overlay__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.25rem .75rem;min-height:4.75rem}@media(min-width:990px){.search-overlay__bar{min-height:7rem;gap:.5rem 1.25rem}}.search-overlay__label{display:grid;place-items:center;width:1.75rem;cursor:text}.search-overlay__icon{width:1.35rem;height:1.35rem}@media(min-width:990px){.search-overlay__icon{width:1.75rem;height:1.75rem}}.search-overlay__input{width:100%;min-width:0;min-height:3.25rem;padding:0;border:0;border-radius:0;background:transparent;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.25rem,1rem + 2.2vw,2.75rem);letter-spacing:.06em;text-transform:uppercase;-webkit-appearance:none;appearance:none}.search-overlay__input::placeholder{color:rgba(var(--color-foreground-rgb),.28);opacity:1}.search-overlay__input:focus{outline:none}.search-overlay__input:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.search-overlay__input::-webkit-search-cancel-button,.search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-overlay__clear,.search-overlay__text-button{min-height:2.75rem;padding-inline:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);transition:color var(--dur-fast)}.search-overlay__clear:hover,.search-overlay__text-button:hover{color:var(--color-foreground)}.search-overlay__close{margin-inline-end:-.6rem}.search-overlay__progress{position:absolute;inset:auto 0 -1px;height:1px;background:var(--color-foreground);transform:scaleX(0);transform-origin:left;opacity:0}.search-overlay[data-loading] .search-overlay__progress{opacity:1;animation:search-overlay-progress 1.1s var(--ease-luxe) infinite}@keyframes search-overlay-progress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.search-overlay__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.search-overlay__inner{padding-block:clamp(1.5rem,3vw,2.5rem) calc(clamp(2rem,4vw,3.5rem) + env(safe-area-inset-bottom))}.search-overlay__intro{display:grid;gap:2rem}@media(min-width:990px){.search-overlay__intro{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);align-items:start}.search-overlay__group--popular{grid-column:2;grid-row:1 / span 2}}.search-overlay__group{display:grid;align-content:start;gap:.9rem}.search-overlay__group[hidden]{display:none}.search-overlay__group-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:-.75rem}.search-overlay__chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.search-overlay__chip{gap:.45rem;min-height:2.75rem;padding-inline:1rem;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-decoration:none}.search-overlay__chip .icon{width:.85rem;height:.85rem;opacity:.55}@media(hover:hover){.search-overlay__chip:hover{background:var(--color-foreground);color:var(--color-background)}}.search-overlay__intro[hidden],.search-overlay__results[hidden]{display:none}.search-overlay__results>*{animation:search-overlay-in var(--dur-base) var(--ease-luxe)}@keyframes search-overlay-in{0%{opacity:0;transform:translateY(8px)}}.search-overlay__skeleton{display:grid;gap:2rem}@media(min-width:990px){.search-overlay__skeleton{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem)}}.search-overlay__skeleton-aside{display:grid;align-content:start;gap:.9rem}.search-overlay__skeleton-line{display:block;width:100%;height:.7rem}.search-overlay__skeleton-line--short{width:40%}.search-overlay__skeleton-line--mid{width:70%}.predictive-search{display:grid;gap:clamp(1.75rem,3vw,2.5rem)}.predictive-search__layout{display:grid;gap:2rem}@media(min-width:990px){.predictive-search__layout{grid-template-areas:"aside main" "footer main";grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(2rem,5vw,5rem);align-items:start}.predictive-search__layout--products-only{grid-template-areas:"main" "footer";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.predictive-search__layout--no-products{grid-template-areas:"aside" "footer";grid-template-columns:minmax(0,28rem);grid-template-rows:auto auto}.predictive-search__aside{grid-area:aside}.predictive-search__main{grid-area:main}.predictive-search__footer{grid-area:footer}}.predictive-search__aside{display:grid;align-content:start;gap:1.75rem}.predictive-search__group{display:grid;gap:.6rem;min-width:0}.predictive-search__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}.predictive-search__count{font-size:.7rem;letter-spacing:.12em;color:var(--color-muted);font-variant-numeric:tabular-nums}.predictive-search__list{display:grid;padding:0;list-style:none}.predictive-search__link{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.35rem .5rem;margin-inline:-.5rem;font-size:.85rem;letter-spacing:.04em;text-decoration:none;transition:background-color var(--dur-fast)}.predictive-search__link .icon{width:.95rem;height:.95rem;color:var(--color-muted)}.predictive-search__link-meta{margin-inline-start:auto;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.predictive-search__query{color:var(--color-muted)}.predictive-search__query mark,.predictive-search__title .highlight,.predictive-search__link .highlight{background:none;color:var(--color-foreground);font-weight:700}.predictive-search__products{display:grid;gap:.25rem;padding:0;list-style:none}@media(min-width:750px){.predictive-search__products{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media(min-width:990px){.predictive-search__products{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1.75rem 1.25rem}}.predictive-search__item{min-width:0}.predictive-search__product{display:grid;grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:1rem;padding:.5rem;margin-inline:-.5rem;text-decoration:none;transition:background-color var(--dur-fast)}@media(min-width:990px){.predictive-search__product{grid-template-columns:minmax(0,1fr);align-items:start;gap:.85rem;padding:0;margin:0}}.predictive-search__media{--media-ratio: 4 / 5;width:100%}.predictive-search__media img{transition:transform 1.2s var(--ease-luxe)}.predictive-search__info{display:grid;gap:.35rem;min-width:0}.predictive-search__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.72rem;font-weight:600;letter-spacing:.14em;line-height:1.45;text-transform:uppercase}.predictive-search__price{display:flex;flex-wrap:wrap;gap:.15rem .5rem;font-size:.8rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.predictive-search__price s{color:var(--color-muted)}.predictive-search__price-sale{color:var(--color-sale);font-weight:600}.predictive-search__badge{justify-self:start;font-size:.58rem;padding:.3rem .45rem}[role=option][aria-selected=true]>.predictive-search__link,[role=option][aria-selected=true]>.predictive-search__product{background:var(--color-surface)}[role=option][aria-selected=true]>.predictive-search__product .predictive-search__title{text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.predictive-search__link:hover{background:var(--color-surface)}.predictive-search__product:hover .predictive-search__media img{transform:scale(1.04)}.predictive-search__product:hover .predictive-search__title{text-decoration:underline;text-underline-offset:3px}}.predictive-search__footer{padding-top:1.5rem;border-top:1px solid var(--color-border)}.predictive-search__view-all{width:100%}.predictive-search__view-all .icon{width:1rem;height:1rem;transition:transform var(--dur-base) var(--ease-luxe)}[role=option][aria-selected=true]>.predictive-search__view-all{outline:2px solid var(--color-foreground);outline-offset:3px}@media(hover:hover){.predictive-search__view-all:hover .icon{transform:translate(4px)}}.predictive-search__empty{display:grid;justify-items:start;gap:1rem;max-width:40rem;padding-block:clamp(.5rem,2vw,1.5rem)}.predictive-search__empty-title{font-size:clamp(1.25rem,1rem + 1.4vw,2rem);line-height:1.1}.predictive-search__suggestions{display:grid;gap:.9rem;margin-top:.75rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ui-search-overlay.css.map */