component-predictive-search{display:block}.header-search-bar{width:200px;transition:width 125ms ease-in-out,border-color 125ms ease-in-out}.header-search-bar:focus-within{width:240px}.predictive-search-bar{position:relative}.predictive-search-input::-webkit-search-cancel-button{transition:opacity .15s ease}.predictive-search-input.state--loading::-webkit-search-cancel-button{opacity:0;pointer-events:none}.predictive-search-spinner{position:absolute;right:calc(var(--s-1) + 2px);top:50%;width:12px;height:12px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .15s ease}.predictive-search-spinner .spinner{display:block;width:100%;height:100%;stroke:currentColor;stroke-dasharray:120 200;stroke-linecap:round;animation:predictive-search-spinner 1s linear infinite}.predictive-search-input.state--loading+.predictive-search-spinner{opacity:1}@keyframes predictive-search-spinner{to{transform:rotate(360deg)}}component-predictive-search>[popover]{--transition-duration: .2s;position:absolute;inset:var(--predictive-search-top) 0 auto;margin:0;padding:0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;overflow:hidden;color:inherit;background:#0009;opacity:0;transition:opacity var(--transition-duration) ease,display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}component-predictive-search>[popover]:popover-open{opacity:1}@starting-style{component-predictive-search>[popover]:popover-open{opacity:0}}.predictive-search-content{max-height:calc(100dvh - var(--predictive-search-top));overflow-y:auto;background:var(--background-color);box-shadow:0 4px 4px #00000040}.predictive-search-layout{display:grid;gap:var(--s2)}.predictive-search-layout:has(.predictive-search-products){grid-template-columns:minmax(0,1fr) minmax(0,5fr)}.predictive-search-links{grid-column:1;grid-row:1}.predictive-search-products{grid-column:2;grid-row:1;container-type:inline-size}.predictive-search-chips{display:none}.predictive-search-query{display:block;padding-block:var(--s-3)}.predictive-search-query mark{color:inherit;background:transparent;font-weight:500}@media(max-width:1023px){body:has(component-predictive-search>[popover]:popover-open){overflow:hidden}component-predictive-search>[popover]{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;transition:none}.predictive-search-content{max-height:none;overflow:visible}.predictive-search-layout{display:flex;flex-direction:column;gap:var(--s0);padding-top:var(--s0)}.predictive-search-links{display:contents}.predictive-search-suggestions{order:1;min-width:0;margin-inline:calc(var(--s0) * -1);margin-bottom:calc(var(--s-1) * -1);padding-inline:var(--s0);padding-bottom:var(--s-1);overflow-x:auto;overflow-y:hidden}.predictive-search-heading{display:none}.predictive-search-queries{flex-direction:row;width:max-content;white-space:nowrap;margin-top:0}.predictive-search-query{padding-block:0;padding-right:var(--s-1)}.predictive-search-products{order:2}.predictive-search-all-results{order:3;margin-top:0}.predictive-search-cards{display:none}.predictive-search-chips{display:block}}.predictive-search-scroll{margin-right:calc(var(--s0) * -1);padding-right:var(--s0)}@media(max-width:1023px){.predictive-search-scroll{margin-left:calc(var(--s0) * -1);padding-left:var(--s0);scroll-padding-inline:var(--s0)}}.predictive-search-product-grid{width:max-content;grid-auto-flow:column}.predictive-search-card-grid{grid-auto-columns:min(400px,calc((100cqw - 3 * var(--s0)) / 3.5))}.predictive-search-chip-grid{grid-auto-columns:min(424px,85cqw)}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-predictive-search.css.map */