.search-modal{--search-surface: var(--scheme-background, #ffffff);--search-text: var(--scheme-text, #111111);--search-link: var(--scheme-links, var(--search-text));--search-icon: var(--scheme-icons, var(--search-text));--search-muted: color-mix(in srgb, var(--search-text) 58%, transparent);--search-subtle: color-mix(in srgb, var(--search-text) 8%, var(--search-surface));--search-border: color-mix(in srgb, var(--search-text) 16%, transparent);--search-border-strong: color-mix(in srgb, var(--search-text) 28%, transparent);--search-panel-radius: clamp(1rem, .8rem + .55vw, 1.5rem);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;align-items:start;justify-items:center;width:100%;height:100svh;padding:clamp(.65rem,.4rem + 1vw,1.2rem) var(--content-gutter);visibility:hidden;opacity:0;pointer-events:none;color:var(--search-text)}.search-modal:not([hidden]){visibility:visible;pointer-events:auto}.search-modal.is-open{opacity:1}.search-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:color-mix(in srgb,#000 28%,transparent);-webkit-backdrop-filter:blur(16px) saturate(.88);backdrop-filter:blur(16px) saturate(.88);opacity:0;cursor:default;transition:opacity var(--motion-base) var(--ease-standard),background-color var(--motion-base) var(--ease-standard)}.search-modal.is-open .search-modal__backdrop{opacity:1}.search-modal__box{position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,clamp(58rem,38vw,78rem));min-width:0;max-width:78rem;max-height:min(72svh,40rem);overflow:hidden;border:var(--border-width) solid var(--search-border);border-radius:var(--search-panel-radius);background:var(--search-surface);color:var(--search-text);box-shadow:0 1.25rem 3.5rem color-mix(in srgb,#000 18%,transparent),0 .25rem 1rem color-mix(in srgb,#000 8%,transparent);opacity:0;transform:translateY(-.6rem) scale(.995);transform-origin:top center;transition:transform var(--motion-base) var(--ease-expressive),opacity var(--motion-fast) var(--ease-standard)}.search-modal.is-open .search-modal__box{opacity:1;transform:translateY(0) scale(1)}.search-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-lg);min-width:0;padding:clamp(.8rem,.72rem + .3vw,1rem) clamp(.9rem,.8rem + .45vw,1.15rem);border-block-end:var(--border-width) solid var(--search-border)}.search-modal__heading-group{display:grid;gap:var(--space-component-xs);min-width:0}.search-modal__context{color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-caption);line-height:var(--leading-label);letter-spacing:var(--tracking-label)}.search-modal__title{margin:0;color:var(--search-text);font-family:var(--font-display);font-style:var(--font-display-style);font-weight:var(--font-display-weight);font-size:var(--type-heading-xs);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}.search-modal__close{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;--search-close-size: clamp(2.75rem, calc(var(--icon-size-sm) * 2.15), 3.6rem);width:var(--search-close-size);min-width:var(--search-close-size);height:var(--search-close-size);padding:0;border:var(--border-width) solid var(--search-border);border-radius:var(--radius-round);background:color-mix(in srgb,var(--search-text) 4%,transparent);color:var(--search-icon);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-expressive)}.search-modal__close svg{display:block;width:clamp(.95rem,var(--icon-size-sm),1.45rem);height:clamp(.95rem,var(--icon-size-sm),1.45rem)}@media(hover:hover)and (pointer:fine){.search-modal__close:hover{border-color:var(--search-border-strong);background:var(--search-subtle);transform:rotate(4deg)}}.search-modal__form{min-width:0;margin:0;padding:.8rem clamp(.9rem,.8rem + .45vw,1.15rem);border-block-end:var(--border-width) solid var(--search-border)}.search-modal__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.65rem,calc(var(--icon-size-xs) * .62),.95rem);width:100%;min-width:0;padding:.15rem .15rem .15rem .8rem;border:var(--border-width) solid var(--search-border);border-radius:clamp(.75rem,.62rem + .35vw,1rem);background:color-mix(in srgb,var(--search-text) 3.5%,var(--search-surface));transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.search-modal__field:focus-within{border-color:var(--search-text);background:var(--search-surface);box-shadow:0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--search-text) 12%,transparent)}.search-modal__field-icon{display:inline-grid;place-items:center;width:clamp(1.5rem,calc(var(--icon-size) * 1.35),2.15rem);height:clamp(1.5rem,calc(var(--icon-size) * 1.35),2.15rem);color:var(--search-icon)}.search-modal__field-icon svg{display:block;width:clamp(1.1rem,var(--icon-size),1.65rem);height:clamp(1.1rem,var(--icon-size),1.65rem)}.search-modal__input{width:100%;min-width:0;min-height:clamp(2.9rem,var(--control-height-sm),4rem);padding:clamp(.4rem,calc(var(--type-body) * .32),.65rem) 0;border:0;border-radius:0;outline:0;background:transparent;color:var(--search-text);caret-color:var(--search-text);font-family:var(--font-display);font-style:var(--font-display-style);font-weight:var(--font-display-weight);font-size:var(--type-body-lg);line-height:1.2;letter-spacing:var(--tracking-heading);appearance:none;-webkit-appearance:none}.search-modal__input::placeholder{color:var(--search-muted);opacity:1}.search-modal__input::-webkit-search-cancel-button,.search-modal__input::-webkit-search-decoration{display:none;appearance:none;-webkit-appearance:none}.search-modal__submit{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(5rem,5.8em,8rem);min-height:clamp(2.75rem,var(--control-height-sm),4rem);padding-inline:clamp(.9rem,calc(var(--type-body-sm) * .8),1.35rem);border:var(--border-width) solid var(--search-text);border-radius:.65rem;background:var(--search-text);color:var(--search-surface);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:700;font-size:var(--type-body-sm);line-height:var(--leading-label);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-expressive)}@media(hover:hover)and (pointer:fine){.search-modal__submit:hover{background:transparent;color:var(--search-text);transform:translateY(var(--motion-hover-lift))}}.search-modal__results-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}.search-modal__results-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-md);min-width:0;padding:.65rem clamp(.9rem,.8rem + .45vw,1.15rem);color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-caption);line-height:var(--leading-label);letter-spacing:var(--tracking-label)}.search-modal__results-status{color:var(--search-muted)}.search-modal__results{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--search-border-strong) transparent;transition:opacity var(--motion-fast) var(--ease-standard)}.search-modal__results::-webkit-scrollbar{width:.35rem}.search-modal__results::-webkit-scrollbar-track{background:transparent}.search-modal__results::-webkit-scrollbar-thumb{background:var(--search-border-strong);border-radius:var(--radius-round)}.search-modal__results[aria-busy=true]{opacity:.58}.search-modal__predictive-content{width:100%;min-width:0}.search-modal__result-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-md);padding:0 clamp(.9rem,.8rem + .45vw,1.15rem) .55rem;color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-caption);line-height:var(--leading-label);letter-spacing:var(--tracking-label)}.search-modal__results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0 clamp(.9rem,.8rem + .45vw,1.15rem) .8rem;list-style:none}.search-modal__result-item{min-width:0}.search-modal__result-link{display:grid;grid-template-columns:clamp(4.5rem,calc(var(--type-body) * 4.25),6.75rem) minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;height:100%;padding:.5rem;border:var(--border-width) solid var(--search-border);border-radius:clamp(.75rem,.62rem + .35vw,1rem);background:var(--search-surface);color:var(--search-text);text-decoration:none;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-expressive),box-shadow var(--motion-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.search-modal__result-link:hover,.search-modal__result-link:focus-visible{border-color:var(--search-border-strong);background:var(--search-subtle);transform:translateY(var(--motion-hover-lift));box-shadow:0 .65rem 1.5rem color-mix(in srgb,#000 8%,transparent)}}.search-modal__result-index,.search-modal__result-arrow{display:none}.search-modal__result-image{display:block;width:clamp(4.5rem,calc(var(--type-body) * 4.25),6.75rem);min-width:clamp(4.5rem,calc(var(--type-body) * 4.25),6.75rem);height:clamp(5.5rem,calc(var(--type-body) * 5.15),8.1rem);aspect-ratio:auto;overflow:hidden;border-radius:clamp(.55rem,.45rem + .25vw,.75rem);background:var(--search-subtle)}.search-modal__result-image img,.search-modal__result-placeholder{display:block;width:100%;height:100%}.search-modal__result-image img{object-fit:cover;transition:transform var(--motion-slow) var(--ease-expressive)}.search-modal__result-placeholder{color:var(--search-text);opacity:.08}@media(hover:hover)and (pointer:fine){.search-modal__result-link:hover .search-modal__result-image img,.search-modal__result-link:focus-visible .search-modal__result-image img{transform:scale(1.035)}}.search-modal__result-details{display:grid;gap:.25rem;min-width:0;padding-inline:0}.search-modal__result-title{min-width:0;color:var(--search-text);font-family:var(--font-display);font-style:var(--font-display-style);font-weight:var(--font-display-weight);font-size:var(--type-body);line-height:1.25;letter-spacing:var(--tracking-heading);overflow-wrap:anywhere}.search-modal__result-price{color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:600;font-size:var(--type-body-sm);line-height:1.35}.search-modal__result-status{display:inline-flex;width:fit-content;padding:clamp(.2rem,calc(var(--type-caption) * .18),.35rem) clamp(.45rem,calc(var(--type-caption) * .4),.7rem);border:var(--border-width) solid var(--search-border);border-radius:var(--radius-pill);color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:700;font-size:var(--type-caption);line-height:1.2}.search-modal__prompt,.search-modal__loading,.search-modal__error{margin:0;padding:clamp(2rem,1.5rem + 2vw,4rem) clamp(1rem,.8rem + .8vw,1.75rem);color:var(--search-muted);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--type-body);line-height:var(--leading-body)}.search-modal__error{color:var(--search-text)}.search-modal__no-results{display:grid;gap:var(--space-component-sm);padding:clamp(2rem,1.5rem + 2vw,4rem) clamp(1rem,.8rem + .8vw,1.75rem)}.search-modal__no-results-index{display:none}.search-modal__no-results p{max-width:var(--measure-reading);margin:0;color:var(--search-text);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--leading-body)}.search-modal__view-all{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.4rem,calc(var(--icon-size-xs) * .38),.65rem);width:fit-content;min-height:var(--control-height-sm);margin:0 clamp(.9rem,.8rem + .45vw,1.15rem) .9rem auto;padding:.55rem .85rem;border:var(--border-width) solid var(--search-border-strong);border-radius:.65rem;background:transparent;color:var(--search-text);font-family:var(--font-body);font-style:var(--font-body-style);font-weight:700;font-size:var(--type-label);line-height:var(--leading-label);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.search-modal__view-all>span{display:inline-block;padding-block-end:.12rem;border-block-end:var(--border-width) solid transparent;transition:border-color var(--motion-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.search-modal__view-all:hover{background:var(--search-subtle);color:var(--search-text)}.search-modal__view-all:hover>span{border-color:currentColor}}.search-modal__view-all[hidden]{display:none}html:has(.search-modal.is-open){overflow:hidden}@media(min-width:750px)and (max-width:1099px){.search-modal{padding:clamp(.6rem,.45rem + .55vw,1rem) var(--content-gutter)}.search-modal__box{width:min(100%,42rem);max-width:42rem;max-height:min(76svh,38rem)}.search-modal__results-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:749px){.search-modal{padding:.5rem}.search-modal__box{width:100%;max-width:100%;height:auto;max-height:min(78svh,34rem);border-radius:clamp(.85rem,.75rem + .35vw,1.1rem)}.search-modal__header{padding:.9rem}.search-modal__context{display:none}.search-modal__title{font-size:var(--type-heading-xs)}.search-modal__form{padding:.8rem .9rem}.search-modal__field{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;padding:.15rem .15rem .15rem .7rem}.search-modal__input{min-height:var(--control-height-sm);font-size:var(--type-body)}.search-modal__submit{width:auto;min-width:4.5rem;min-height:var(--control-height-sm);margin-block-start:0;padding-inline:.75rem}.search-modal__results-topline{padding:.75rem .9rem}.search-modal__results-status{display:none}.search-modal__result-meta{padding:0 .9rem .7rem}.search-modal__results-list{grid-template-columns:minmax(0,1fr);gap:.55rem;padding:0 .9rem .75rem}.search-modal__result-link{grid-template-columns:clamp(3.75rem,calc(var(--type-body-sm) * 3.7),4.75rem) minmax(0,1fr);gap:.65rem;padding:.45rem;border-radius:.75rem}.search-modal__result-image{width:clamp(3.75rem,calc(var(--type-body-sm) * 3.7),4.75rem);min-width:clamp(3.75rem,calc(var(--type-body-sm) * 3.7),4.75rem);height:clamp(4.5rem,calc(var(--type-body-sm) * 4.45),5.7rem)}.search-modal__result-title{font-size:var(--type-body-sm)}.search-modal__result-price{font-size:var(--type-caption)}.search-modal__prompt,.search-modal__loading,.search-modal__error,.search-modal__no-results{padding:1.75rem .9rem}.search-modal__view-all{margin:0 .9rem .8rem auto;padding:.5rem .75rem}}@media(max-width:389px){.search-modal__results-list{grid-template-columns:minmax(0,1fr)}.search-modal__input{font-size:var(--type-body)}}@media(prefers-reduced-motion:reduce){.search-modal__backdrop,.search-modal__box,.search-modal__close,.search-modal__field,.search-modal__submit,.search-modal__results,.search-modal__result-link,.search-modal__result-image img,.search-modal__view-all,.search-modal__view-all>span{transition:none}}@media(forced-colors:active){.search-modal__box,.search-modal__field,.search-modal__close,.search-modal__result-link,.search-modal__result-status,.search-modal__view-all{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/search-modal.css.map */