.mh-search{--mh-search-pad: var(--mh-gutter, 16px);top:0;right:0;bottom:0;left:0;width:100%;height:var(--mh-vvh, 100dvh);padding:0;overflow:hidden;transform:translateY(-8px);transition:opacity var(--mh-dur-1, .16s) var(--mh-ease-in),transform var(--mh-dur-1, .16s) var(--mh-ease-in)}.mh-search::backdrop{background:var(--mh-scrim-soft, rgb(22 21 20 / .24))}.mh-search[open]{display:flex;flex-direction:column}.mh-search.is-open{transform:none;transition:opacity .28s var(--mh-ease-lux, ease-out),transform .28s var(--mh-ease-lux, ease-out)}.mh-search__inner{display:flex;flex:1;flex-direction:column;min-height:0}.mh-search__form{display:flex;flex:none;align-items:center;gap:var(--mh-space-2);margin:0;padding:max(var(--mh-space-2),env(safe-area-inset-top)) var(--mh-search-pad) 0}.mh-search__field{position:relative;display:flex;flex:1;align-items:center;min-width:0;height:56px;border-bottom:1px solid var(--mh-line);transition:border-color var(--mh-t1)}.mh-search__field:focus-within{border-bottom-color:var(--mh-ink)}.mh-search__icon{display:grid;flex:none;place-items:center;margin-inline-end:var(--mh-space-3);color:var(--mh-ink-muted)}.mh-search__input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;outline:0;color:var(--mh-ink);font-family:var(--mh-font-sans);font-size:max(16px,1.0625rem);font-weight:var(--mh-fw-sans);line-height:1.3;letter-spacing:0;-webkit-appearance:none;appearance:none}.mh-search__input::placeholder{color:var(--mh-ink-muted);opacity:1}.mh-search__input::-webkit-search-cancel-button,.mh-search__input::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none}.mh-search__input:focus-visible{outline:0}.mh-search__clear{display:grid;flex:none;place-items:center;width:var(--mh-hit);height:var(--mh-hit);margin-inline-end:calc(var(--mh-space-3) * -1);border-radius:50%;color:var(--mh-ink-muted);transition:color var(--mh-t1)}.mh-search__clear[hidden]{display:none}@media(hover:hover)and (pointer:fine){.mh-search__clear:hover{color:var(--mh-ink)}}.mh-search__clear:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:-6px}.mh-search__cancel{flex:none;min-height:var(--mh-hit);padding-inline:var(--mh-space-2);margin-inline-end:calc(var(--mh-space-2) * -1);color:var(--mh-ink);font-size:.9375rem;line-height:1}@media(hover:hover)and (pointer:fine){.mh-search__cancel:hover{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}}.mh-search__cancel:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:2px;border-radius:var(--mh-r-sm)}.mh-search__progress{position:absolute;inset:auto 0 -1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--mh-t1)}.mh-search__progress:before{content:"";position:absolute;inset-block:0;left:0;width:30%;background:var(--mh-ink);animation:mh-search-progress 1.1s var(--mh-ease-ui, ease) infinite}.mh-search__inner[data-mh-loading] .mh-search__progress{opacity:1}@keyframes mh-search-progress{0%{transform:translate(-100%)}to{transform:translate(340%)}}.mh-search__body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--mh-space-5) var(--mh-search-pad) max(var(--mh-space-6),env(safe-area-inset-bottom))}:is(.mh-search__idle,.mh-search__results,.mh-search__empty)[hidden]{display:none}.mh-search__label{margin:0 0 var(--mh-space-3);color:var(--mh-ink-muted)}.mh-search__section+.mh-search__section{margin-block-start:var(--mh-space-7)}.mh-search__empty{margin:0 0 var(--mh-space-6);color:var(--mh-ink);font-size:.9375rem;line-height:1.5;text-wrap:pretty}.mh-search__retry{display:inline;min-height:0;padding:10px 0;margin:-10px 0;color:var(--mh-ink);font:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}.mh-search__retry:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:2px;border-radius:2px}.mh-search__terms{display:flex;flex-wrap:wrap;gap:0 var(--mh-space-5);margin:0;padding:0;list-style:none}.mh-search__term{display:inline-flex;align-items:center;min-height:40px;color:var(--mh-ink);font-size:.9375rem;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color var(--mh-t1)}@media(hover:hover)and (pointer:fine){.mh-search__term:hover{text-decoration-color:currentColor}}.mh-search__term:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:2px;border-radius:2px}.mh-search__picks{display:grid;gap:var(--mh-space-1);margin:0;padding:0;list-style:none}.mh-search__pick,.mh-search__option{color:var(--mh-ink);text-decoration:none}.mh-search__pick{display:flex;align-items:center;gap:var(--mh-space-4);padding-block:var(--mh-space-2)}.mh-search__pick-media{flex:none;width:56px;border-radius:var(--mh-r-sm);background:var(--mh-studio)}.mh-search__text{display:flex;flex-direction:column;gap:2px;min-width:0}.mh-search__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--mh-ink-2, #33312E);font-size:.875rem;line-height:1.4}.mh-search__text .mh-price{column-gap:6px}.mh-search__text .mh-price__current{font-size:.875rem}.mh-search__text .mh-price__compare{font-size:.78125rem}.mh-search__pick:focus-visible{outline:2px solid var(--mh-focus, var(--mh-ink));outline-offset:2px;border-radius:var(--mh-r-sm)}@media(hover:hover)and (pointer:fine){.mh-search__pick:hover .mh-search__name{color:var(--mh-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}.mh-search__results{display:grid;gap:var(--mh-space-6);align-content:start}.mh-search__group{display:grid;min-width:0}.mh-search__plist{display:grid;gap:2px}.mh-search__option{border-radius:var(--mh-r-md);transition:background-color var(--mh-t1)}.mh-search__option.is-active{background-color:var(--mh-surface)}@media(hover:hover)and (pointer:fine){.mh-search__option:hover{background-color:var(--mh-surface)}}.mh-search__product{display:flex;align-items:center;gap:var(--mh-space-4);margin-inline:calc(var(--mh-space-2) * -1);padding:var(--mh-space-2)}.mh-search__thumb{flex:none;width:56px;border-radius:var(--mh-r-sm);background:var(--mh-studio)}.mh-search__links{display:flex;flex-wrap:wrap;gap:0 var(--mh-space-2);margin-inline:calc(var(--mh-space-2) * -1)}.mh-search__link{display:inline-flex;align-items:center;min-height:40px;padding-inline:var(--mh-space-2);font-size:.9375rem}.mh-search__all{display:flex;align-items:center;justify-content:center;gap:var(--mh-space-2);min-height:var(--mh-ctl-h, 48px);padding-inline:var(--mh-space-5);border-radius:var(--mh-r-pill);box-shadow:inset 0 0 0 1px var(--mh-ink);font-size:.9375rem;font-variant-numeric:tabular-nums}.mh-search__all.is-active{background-color:var(--mh-ink);color:var(--mh-on-dark, #FFFFFF)}@media(hover:hover)and (pointer:fine){.mh-search__all:hover{background-color:var(--mh-ink);color:var(--mh-on-dark, #FFFFFF)}}.mh-search__results:not([hidden]) .mh-search__option{animation:mh-search-in .24s var(--mh-ease-lux, ease-out) both}.mh-search__results .mh-search__product:nth-child(2){animation-delay:30ms}.mh-search__results .mh-search__product:nth-child(3){animation-delay:60ms}.mh-search__results .mh-search__product:nth-child(4){animation-delay:90ms}.mh-search__results .mh-search__product:nth-child(n+5){animation-delay:.12s}@keyframes mh-search-in{0%{opacity:0;transform:translateY(4px)}}@media(min-width:768px)and (min-height:501px){.mh-search{--mh-search-pad: var(--mh-space-7, 32px);inset:0 0 auto 0;width:min(760px,100% - 2 * var(--mh-gutter));height:auto;max-height:calc(100vh - var(--mh-panel-top, var(--mh-sticky-top, 96px)) - var(--mh-space-6));max-height:calc(100svh - var(--mh-panel-top, var(--mh-sticky-top, 96px)) - var(--mh-space-6));margin:var(--mh-panel-top, var(--mh-sticky-top, 96px)) auto 0;border-radius:var(--mh-r-lg);box-shadow:var(--mh-shadow)}.mh-search__form{padding-block-start:var(--mh-space-3)}.mh-search__body{padding-block:var(--mh-space-6) var(--mh-space-7)}.mh-search__picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mh-space-5)}.mh-search__pick{flex-direction:column;align-items:stretch;gap:var(--mh-space-3);padding:0}.mh-search__pick-media{width:100%;border-radius:var(--mh-r-md)}.mh-search__plist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--mh-space-5)}.mh-search__thumb{width:48px}.mh-search__all{justify-self:start}}@media(prefers-reduced-motion:reduce){.mh-search,.mh-search.is-open{transform:none;transition:opacity .12s var(--mh-ease-ui)}.mh-search__progress:before{animation-duration:2.4s}.mh-search__results:not([hidden]) .mh-search__option{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-mh-header-search.css.map */