.msc-header .msc-search-link[aria-expanded=true]{opacity:1}.msc-header.is-search-open{background-color:var(--msc-bg)}.msc-search{position:absolute;inset-inline:0;top:100%;background:var(--msc-bg);border-bottom:1px solid var(--msc-border);padding-block:1.25rem 2rem;max-height:calc(100dvh - 6rem);overflow-y:auto;overscroll-behavior:contain;white-space:normal;text-align:start}.msc-search[hidden]{display:none}.msc-search__form{display:flex;align-items:center;gap:1rem;padding-top:.75rem;margin:0}.msc-search__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.msc-search .msc-search__input{flex:1 1 auto;min-width:0;min-height:3rem;padding:0;margin:0;-webkit-appearance:none;appearance:none;box-shadow:none;outline:none;border:0;border-bottom:1px solid var(--msc-text);border-radius:0;background:transparent;font-family:var(--msc-font);font-size:var(--msc-text-lg);line-height:1.2;color:var(--msc-text)}.msc-search .msc-search__input::placeholder{color:var(--msc-muted);opacity:1}.msc-search .msc-search__input:focus{outline:none;box-shadow:none;border-bottom-width:2px}.msc-search__input::-webkit-search-cancel-button{display:none}.msc-search__spinner{flex:none;width:1.25rem;height:1.25rem;border-radius:50%;border:1.5px solid var(--msc-border);border-top-color:var(--msc-text);opacity:0;transition:opacity .2s}.msc-search.is-loading .msc-search__spinner{opacity:1;animation:msc-spin .7s linear infinite}@keyframes msc-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.msc-search.is-loading .msc-search__spinner{animation-duration:2s}}.msc-search .msc-search__submit{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:1.25rem;margin:0;border:1px solid var(--msc-text);border-radius:999px;background:var(--msc-text);color:var(--msc-bg);font:inherit;font-family:var(--msc-font);font-size:var(--msc-text-sm);line-height:1;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.msc-search .msc-search__submit:is(:hover,:focus-visible){background:var(--msc-accent);border-color:var(--msc-accent);color:var(--msc-accent-contrast)}.msc-search .msc-search__close{all:unset;cursor:pointer;font-family:var(--msc-font);font-size:var(--msc-text-sm);color:var(--msc-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.msc-search :is(.msc-search__submit,.msc-search__close):focus-visible{outline:2px solid var(--msc-text);outline-offset:3px}.msc-search__results{row-gap:1.5rem;margin-top:1.5rem}.msc-search__results:empty{display:none}.msc-search__results[aria-busy=true]{opacity:.5;transition:opacity .2s}.msc-search__results>*{grid-column:1 / -1}.msc-header .msc-search__group-title{font-size:var(--msc-text-sm);color:var(--msc-muted);margin:0 0 .5rem}.msc-header .msc-search__group ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}@media(min-width:56.0625rem){.msc-search__results>.msc-search__group{grid-column:span 3}.msc-search__results>.msc-search__group--products{grid-column:span 6}.msc-search__group--products ul{grid-template-columns:1fr 1fr;column-gap:var(--msc-col-gap)}}.msc-header .msc-search__item{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;align-items:center;padding:.25rem;margin-inline:-.25rem;color:var(--msc-text);text-decoration:none}.msc-header .msc-search__item:is(:hover,:focus-visible){background:var(--msc-surface);outline:none}.msc-header .msc-search__item:focus-visible{box-shadow:inset 0 0 0 2px var(--msc-text)}.msc-search__thumb{display:block;width:2.5rem;aspect-ratio:4 / 5;background:var(--msc-surface);overflow:hidden}.msc-search__thumb img{width:100%;height:100%;object-fit:cover;display:block}.msc-search__text{display:grid;min-width:0;line-height:1.3}.msc-header .msc-search__text>span{line-height:1.3}.msc-search__text>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-header .msc-search__sub{font-size:var(--msc-text-sm);color:var(--msc-muted)}.msc-header :is(.msc-search__empty,.msc-search__all){grid-column:1 / -1;margin:0;font-size:var(--msc-text-sm)}.msc-header .msc-search__empty{color:var(--msc-muted)}.msc-header .msc-search__all a{color:var(--msc-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}@media(prefers-reduced-motion:no-preference){@keyframes msc-search-in{0%{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0 0}}.msc-search:not([hidden]){animation:msc-search-in .25s ease-out}}@media(max-width:56rem){.msc-search{padding-block:.75rem 1.25rem;max-height:calc(100dvh - 8.25rem)}.msc-search__form{flex-wrap:wrap;padding-top:0;gap:.75rem 1rem}.msc-search .msc-search__input{flex-basis:100%;font-size:var(--msc-text-base)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/msc-search.css.map */