mc-search{display:flex;flex:1;flex-direction:column;min-height:0}.mc-search__bar{position:relative;width:min(56rem,100% - var(--page-margin) * 2);flex:none;margin:clamp(1.5rem,22vh,11rem) auto 0}.mc-search__input{width:100%;min-height:3.25rem;padding:0 3.5rem;border:1px solid var(--color-border);border-radius:var(--button-radius);background:transparent;color:inherit;font:inherit;font-size:clamp(1.25rem,.5rem + 3vw,2.125rem);text-align:center}.mc-search__close{position:absolute;inset-block:0;inset-inline-end:0;justify-content:center;width:3.5rem}.mc-search__close svg{width:.875rem;height:.875rem}.mc-search__content{display:flex;flex-direction:column;gap:2rem;flex:1;width:min(var(--content-width),56rem);min-height:0;margin-inline:auto;overflow-y:auto;overscroll-behavior:contain}.mc-search__content:has([data-search-popular]:not([hidden])),.mc-search__content:has([data-search-results-target]:not(:empty)){padding-block:1.5rem 2.5rem}.mc-search-results{display:flex;flex-direction:column;gap:2rem}.mc-search-results__heading{margin-bottom:.75rem;font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.mc-search-results__links{display:flex;flex-direction:column;gap:.5rem}.mc-search-results__links a{display:inline-block;padding-block:.125rem}.mc-search-results__empty{font-size:1.125rem}.mc-search-results__products{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.mc-search-product__link{display:flex;flex-direction:column;gap:.5rem;font-size:.9375rem}.mc-search-product__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background-color:var(--color-placeholder)}.mc-search-product__price s{opacity:.7}.mc-search-results__all{align-self:flex-start}[data-search-results-target][aria-busy=true]{opacity:.6}@media(min-width:750px){.mc-search-results__products{grid-template-columns:repeat(4,1fr)}}@media(max-width:749px){.mc-search-drawer{inset:auto 0 0;height:auto;max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000001f}.mc-search-drawer[open]{animation:mc-sheet-up .32s cubic-bezier(.16,1,.3,1)}.mc-search-drawer::backdrop{background:#0000004d}.mc-search-drawer:focus{outline:none}.mc-search-drawer:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--color-border)}.mc-search-drawer .mc-search__bar{width:auto;margin:44px 16px 0}.mc-search-drawer .mc-search__form{position:relative}.mc-search-drawer .mc-search__input{min-height:0;padding:0 0 4px;border:0;border-radius:0;font-size:48px;line-height:1.2;letter-spacing:-.035em;outline:none}.mc-search-drawer .mc-search__input::placeholder{color:currentColor;opacity:.22}.mc-search-drawer .mc-search__input::-webkit-search-cancel-button{display:none}.mc-search-drawer .mc-search__input:placeholder-shown{caret-color:transparent}.mc-search__caret{position:absolute;top:50%;left:calc(50% - var(--ph-w, 0px) / 2 - 6px);width:2px;height:40px;margin-top:-22px;background:currentColor;opacity:0;pointer-events:none}.mc-search__form:has(.mc-search__input:placeholder-shown:focus) .mc-search__caret{animation:mc-search-blink 1.06s steps(1) infinite}.mc-search-drawer .mc-search__close{inset:8px 6px auto auto;width:44px;height:44px;clip-path:inset(50%)}.mc-search-drawer .mc-search__close:focus-visible{clip-path:none}.mc-search-drawer .mc-search__content{flex:0 1 auto;width:auto;margin:0 16px;padding-block:28px 24px!important;gap:0;scrollbar-width:none}.mc-search-drawer [data-search-results-target]{display:none}.mc-search-drawer .mc-search-results__heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mc-search-drawer .mc-search-results__links{flex-flow:row wrap;gap:8px}.mc-search-drawer .mc-search-results__links a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#f5f5f5;color:#000;font-size:15px;text-decoration:none}}@keyframes mc-sheet-up{0%{transform:translateY(100%)}}@keyframes mc-search-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.mc-search-drawer[open]{animation:none}.mc-search__form:has(.mc-search__input:placeholder-shown:focus) .mc-search__caret{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/mc-search.css.map */
