@layer components{.search-overlay__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay, 45);background-color:#0000008c}.search-overlay__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer, 50);display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-foreground)}.search-overlay__dialog[hidden]{display:none}.search-overlay__head{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4);border-block-end:var(--border-hairline)}.search-overlay__form{position:relative;display:flex;align-items:center;flex:1 1 auto;gap:var(--space-2)}.search-overlay__icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-foreground-muted);pointer-events:none}.search-overlay__input{inline-size:100%;min-block-size:48px;padding-inline:calc(var(--space-3) * 2 + 20px) var(--space-3);border:var(--border-hairline);border-radius:var(--radius-media);background-color:var(--color-surface);color:var(--color-foreground);font-size:var(--type-body-l)}.search-overlay__close{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;flex:0 0 auto;border:0;background:none;color:inherit;cursor:pointer}.search-overlay__body{flex:1 1 auto;overflow-y:auto;padding-block:var(--space-4);padding-block-end:max(var(--space-6),env(safe-area-inset-bottom))}.predictive__group+.predictive__group{margin-block-start:var(--space-5)}.predictive__heading{margin:0 0 var(--space-3);color:var(--color-foreground-muted)}.predictive__list{display:grid;gap:var(--space-1, 4px);margin:0;padding:0}.predictive__item{display:flex;align-items:center;gap:var(--space-3);min-block-size:44px;padding:var(--space-2);border-radius:var(--radius-media);color:var(--color-foreground);text-decoration:none}.predictive__item:hover,.predictive__item:focus-visible{background-color:var(--color-surface-sunken)}.predictive__thumb{flex:0 0 auto;inline-size:64px;block-size:64px;overflow:hidden;border-radius:var(--radius-media);background-color:var(--color-surface-sunken)}.predictive__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.predictive__info{display:grid;gap:2px;min-inline-size:0}.predictive__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive__item--text{min-block-size:44px}.predictive__empty{margin:0;color:var(--color-foreground-muted)}.predictive__all{margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:var(--border-hairline)}.predictive__all a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--color-foreground)}@media(prefers-reduced-motion:no-preference){.search-overlay__dialog{transition:opacity var(--duration-base) var(--motion-ease, var(--ease-standard)),transform var(--duration-slow) var(--motion-ease, var(--ease-standard)),display var(--duration-slow) allow-discrete}.search-overlay__dialog[hidden]{opacity:0;transform:translate3d(0,-8px,0)}@starting-style{.search-overlay__dialog{opacity:0;transform:translate3d(0,-8px,0)}}.search-overlay__backdrop{transition:opacity var(--duration-slow) var(--motion-ease, var(--ease-standard)),display var(--duration-slow) allow-discrete}.search-overlay__backdrop[hidden]{opacity:0}@starting-style{.search-overlay__backdrop{opacity:0}}}@media screen and (min-width:750px){.search-overlay__dialog{inset-block-end:auto;max-block-size:80vh;border-end-start-radius:var(--radius-media);border-end-end-radius:var(--radius-media);box-shadow:var(--shadow-raise)}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-predictive-search.css.map */