.search-modal{inline-size:100vw;max-inline-size:100vw;block-size:100vh;block-size:100dvh;max-block-size:none;margin:0;overflow:hidden;border:0;border-radius:0}.search-modal[open]{display:flex;flex-direction:column}@media screen and (min-width:750px){.search-modal{inline-size:min(42rem,calc(100vw - 2 * var(--gutter)));block-size:auto;max-block-size:min(42rem,calc(100dvh - 20vh));margin-block:12vh auto;margin-inline:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large)}}.search-modal__inner{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}.search-modal__header{display:flex;flex:none;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border-block-end:var(--border-width) solid var(--color-border)}.search-modal__form{flex:1 1 auto;min-inline-size:0}.search-modal__field{display:flex;align-items:center;gap:var(--space-2);min-block-size:3.5rem;border-block-end:2px solid transparent;transition:border-color var(--duration-fast) var(--ease-out)}.search-modal__field:focus-within{border-block-end-color:var(--color-text)}.search-modal__field-icon{flex:none;color:var(--color-text-muted)}.search-modal__input{flex:1 1 auto;min-inline-size:0;margin:0;padding:var(--space-2) 0;font-size:max(1rem,var(--font-size-body-lg));line-height:1.4;color:var(--color-text);background:transparent;border:0;border-radius:0;-webkit-appearance:none;appearance:none}.search-modal__input::placeholder{color:var(--color-text-muted);opacity:1}.search-modal__input::-webkit-search-cancel-button,.search-modal__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-modal__input:focus-visible{outline:none}.search-modal__clear{flex:none;min-block-size:44px;padding-inline:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-muted);background:none;border:0;text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.25em;cursor:pointer}@media(hover:hover){.search-modal__clear:hover{color:var(--color-text)}}.search-modal__submit,.search-modal__close{flex:none;color:inherit}.search-modal__close{padding-inline-start:var(--space-2);border-inline-start:var(--border-width) solid var(--color-border);border-radius:0;inline-size:calc(44px + var(--space-2))}.search-modal__body{position:relative;flex:1 1 auto;min-block-size:0;padding:var(--space-5) var(--space-4) var(--space-6);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media screen and (min-width:750px){.search-modal__header{padding-inline-start:var(--space-5)}.search-modal__body{padding-inline:var(--space-5)}}.search-modal__hint{margin:0;font-size:var(--font-size-small);color:var(--color-text-muted)}.search-modal__loading{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);color:var(--color-text-muted)}.search-modal__results{transition:opacity var(--duration-fast) var(--ease-out)}.search-modal__results[aria-busy=true]{opacity:.55}.search-modal__results:empty{display:none}.search-modal__error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--font-size-small);color:var(--color-text-muted)}.search-modal__error .icon{flex:none;margin-block-start:.1em}.predictive-search-results__group+.predictive-search-results__group{margin-block-start:var(--space-5);padding-block-start:var(--space-5);border-block-start:var(--border-width) solid var(--color-border)}.predictive-search-results__heading{display:flex;margin-block-end:var(--space-2)}.predictive-search-results__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.predictive-search-option{display:flex;align-items:center;gap:var(--space-3);min-block-size:44px;margin-inline:calc(var(--space-2) * -1);padding:var(--space-2);color:inherit;text-decoration:none;border-radius:var(--radius-small);transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.predictive-search-option:hover{background-color:rgb(var(--color-text-rgb) / .05)}}.predictive-search-option[aria-selected=true]{background-color:rgb(var(--color-text-rgb) / .07);outline:2px solid var(--color-text);outline-offset:-2px}.predictive-search-option__icon{color:var(--color-text-muted)}.predictive-search-option__text{min-inline-size:0;font-size:var(--font-size-small);overflow-wrap:anywhere}.predictive-search-option__text mark{color:inherit;background:none;font-weight:var(--font-body-weight-bold)}.predictive-search-option__media{position:relative;flex:none;inline-size:3.5rem;aspect-ratio:1;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-small)}.predictive-search-option__media>img,.predictive-search-option__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.predictive-search-option__body{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.predictive-search-option__title{font-size:var(--font-size-small);font-weight:var(--font-body-weight-bold);line-height:1.35;overflow-wrap:anywhere}.predictive-search-option__meta{display:-webkit-box;overflow:hidden;font-size:var(--font-size-caption);line-height:1.45;color:var(--color-text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.predictive-search-option--text{align-items:flex-start}.predictive-search-option--search{position:relative;justify-content:space-between;margin-block-start:var(--space-5);font-weight:var(--font-body-weight-bold)}.predictive-search-option--search:before{content:"";position:absolute;inset-inline:var(--space-2);inset-block-start:calc(var(--space-3) * -1);border-block-start:var(--border-width) solid var(--color-border)}.predictive-search-option__arrow{flex:none;transition:translate var(--duration-base) var(--ease-out)}@media(prefers-reduced-motion:no-preference){html:not([data-hover-effects=false]) .predictive-search-option--search:hover .predictive-search-option__arrow{translate:3px 0}html[dir=rtl]:not([data-hover-effects=false]) .predictive-search-option--search:hover .predictive-search-option__arrow{translate:-3px 0}}.predictive-search-results__empty{display:grid;gap:var(--space-1)}.predictive-search-results__empty-title{margin:0;font-weight:var(--font-body-weight-bold);overflow-wrap:anywhere}.predictive-search-results__empty-text{margin:0;font-size:var(--font-size-small);color:var(--color-text-muted)}@media(forced-colors:active){.search-modal__field:focus-within{border-block-end-color:Highlight}.predictive-search-option[aria-selected=true]{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-predictive-search.css.map */