.mg-header-search{--mg-search-bar-height: 4rem;--mg-search-max-width: 1680px;--mg-search-inline-padding: 25px;--mg-search-icon-size: 1.125rem;--mg-search-border: #b0b0b0;--mg-search-muted: #9a9b9d;--mg-search-trending-term: #4b4f54;display:contents}#header-component:has(.mg-header-search){position:relative}.mg-header-search:not([data-open=true]) .mg-header-search__backdrop,.mg-header-search:not([data-open=true]) .mg-header-search__panel{display:none}.mg-header-search[data-open=true] .mg-header-search__backdrop{display:block}.mg-header-search[data-open=true] .mg-header-search__panel{display:flex}.mg-header-search__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-heightened, 20) - 1);background:rgb(var(--color-foreground-rgb) / .12);border:0;padding:0;cursor:pointer}.mg-header-search__panel{position:absolute;top:100%;left:0;right:0;z-index:var(--layer-heightened, 20);display:flex;flex-direction:column;background:var(--color-background, #fff);border-block-start:0;border-block-end:1px solid var(--mg-search-border);box-shadow:0 12px 28px rgb(var(--color-foreground-rgb) / .08)}.mg-header-search__predictive{display:block;width:100%;background:var(--color-background, #fff);margin:0}.mg-header-search__form{display:flex;flex-direction:column;width:100%}.mg-header-search__shell{width:100%;max-width:var(--mg-search-max-width);margin-inline:auto;padding-inline:var(--mg-search-inline-padding);box-sizing:border-box}@media only screen and (min-width:1280px){.mg-header-search{--mg-search-inline-padding: 40px}}@media screen and (max-width:749px){.mg-header-search{--mg-search-inline-padding: 15px}}.mg-header-search__bar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:var(--mg-search-bar-height);width:100%;margin:0;padding-inline:0;padding-block:.25rem;border:0;background:var(--color-background, #fff);box-sizing:border-box}.mg-header-search__bar:after{content:"";position:absolute;left:50%;bottom:0;z-index:1;width:100vw;height:1px;background:var(--mg-search-border);transform:translate(-50%);pointer-events:none}.mg-header-search__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:#9a9b9d}.mg-header-search__icon svg{display:block;width:24px;height:24px}.mg-header-search__input,.mg-header-search__input.search-input{width:100%;min-width:0;height:var(--mg-search-bar-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:var(--mg-secondary, #4b4f54);font-family:inherit;font-size:1rem;line-height:1.3;text-overflow:ellipsis;appearance:none;-webkit-appearance:none}.mg-header-search__input::-webkit-search-decoration,.mg-header-search__input::-webkit-search-cancel-button,.mg-header-search__input::-webkit-search-results-button,.mg-header-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.mg-header-search__input::-ms-clear{display:none;width:0;height:0}.mg-header-search__input::placeholder{color:var(--mg-search-muted);opacity:1}.mg-header-search__input::-webkit-input-placeholder{color:var(--mg-search-muted);opacity:1}.mg-header-search__input::-moz-placeholder{color:var(--mg-search-muted);opacity:1}.mg-header-search__input:is(:focus,:focus-visible){outline:none;box-shadow:none}.mg-header-search__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;margin:0;padding:0;color:var(--color-foreground);background:transparent;cursor:pointer}.mg-header-search__close-icon{display:block;width:20px;height:20px}.mg-header-search__reset-proxy{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;pointer-events:none}.mg-header-search__reset-proxy:not([hidden]){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.mg-header-search__body{position:relative;width:100%;margin:0;padding:0;min-height:0;max-height:0;overflow:hidden;background:#fff;box-sizing:border-box}.mg-header-search__empty{display:none;margin:0;padding:.25rem 0 .5rem;color:var(--mg-search-trending-term);font-size:15px;line-height:1.4;text-align:start}.mg-header-search__empty:not([hidden]){display:block}.mg-header-search__body:has(#nosto-autocomplete:not(:empty)),.mg-header-search__body:has(.mg-header-search__empty:not([hidden])),.mg-header-search__body:has(.mg-header-search__trending){padding:22px 14px;max-height:min(70dvh,36rem);overflow:auto}.mg-header-search__nosto-autocomplete{width:100%;max-width:1600px;margin:0 auto;min-height:0;background:#fff;box-sizing:border-box}.mg-header-search__nosto-autocomplete [data-nosto-element=trending]{padding:0}.mg-header-search__nosto-autocomplete:not(:empty){margin-block-start:.25rem}.mg-header-search__nosto-autocomplete .mg-plp-add-to-bag,.mg-header-search__nosto-autocomplete .quick-add{display:none!important}.mg-header-search__nosto-autocomplete .mg-nosto-product-card{--mg-plp-image-max: 180px}@media screen and (max-width:989px){.mg-header-search__nosto-autocomplete .mg-nosto-product-card{--mg-plp-image-max: 160px}.mg-header-search__body:has(#nosto-autocomplete:not(:empty)),.mg-header-search__body:has(.mg-header-search__trending){padding:20px 14px}.mg-header-search__icon{width:20px;height:20px}.mg-header-search__icon svg{width:20px;height:20px}.mg-header-search__close-icon{width:14px;height:14px}}.mg-header-search__body:has(#nosto-autocomplete:not(:empty)) .mg-header-search__trending{display:none}.mg-header-search__results{max-height:none;overflow:visible;background:transparent}.mg-header-search__native-footer,.mg-header-search .predictive-search-form__footer,.mg-header-search predictive-search-component:has([data-search-results]) .predictive-search-form__footer,.mg-header-search .predictive-search__search-button{display:none!important}.mg-header-search__trending{display:flex;flex-direction:column;align-items:flex-start;text-align:start;width:100%;max-width:280px;margin:0 0 1.5rem auto;padding-inline-start:1.375rem}.mg-header-search__trending-title{margin:0 0 15px;font-size:22px;font-weight:700;letter-spacing:0;line-height:1.18;color:var(--mg-primary, #10069f);text-transform:lowercase;text-align:start}.mg-header-search__trending-list{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0;width:100%}.mg-header-search__trending-link{display:block;margin:0 0 8px;padding:0 0 6px;color:var(--mg-search-trending-term);text-decoration:none;font-size:14px;font-weight:400;line-height:1.43;text-transform:lowercase;text-align:start}.mg-header-search__trending-link:hover{color:var(--mg-primary, #10069f);text-decoration:underline}#nosto-autocomplete [data-nosto-element=trending]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:280px!important;margin:0 0 0 auto!important;padding:0 0 0 1.375rem!important;text-align:start!important;box-sizing:border-box!important}#nosto-autocomplete [data-nosto-element=trending] h3{margin:0 0 15px!important;font-size:22px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.18!important;color:var(--mg-primary, #10069f)!important;text-transform:lowercase!important;text-align:start!important}#nosto-autocomplete [data-nosto-element=trending] ul{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;width:100%!important}#nosto-autocomplete [data-nosto-element=trending] li{width:100%!important;margin:0!important;text-align:start!important}#nosto-autocomplete [data-nosto-element=trending] a,#nosto-autocomplete [data-nosto-element=trending] button,#nosto-autocomplete [data-nosto-element=trending] .ns-autocomplete-element,#nosto-autocomplete [data-nosto-element=trending] [class*=trendingLink]{display:block!important;width:100%!important;margin:0 0 8px!important;padding:0 0 6px!important;color:var(--mg-search-trending-term)!important;font-size:14px!important;font-weight:400!important;line-height:1.43!important;text-align:start!important;text-transform:lowercase!important;text-decoration:none!important;background:transparent!important;border:0!important;cursor:pointer!important}#nosto-autocomplete [data-nosto-element=trending] a:hover,#nosto-autocomplete [data-nosto-element=trending] button:hover,#nosto-autocomplete [data-nosto-element=trending] .ns-autocomplete-element:hover,#nosto-autocomplete [data-nosto-element=trending] [class*=trendingLink]:hover{color:var(--mg-secondary, #4b4f54)!important}#nosto-autocomplete [class*=viewAll],#nosto-autocomplete button[type=submit]{color:#4b4f54!important;font-size:15px!important;font-weight:400!important;letter-spacing:.2px!important;line-height:1.2!important;text-decoration:underline!important;text-transform:lowercase!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}#nosto-autocomplete [class*=viewAll]:hover,#nosto-autocomplete button[type=submit]:hover{color:#4b4b4b!important;background:transparent!important}.mg-header-search .predictive-search-dropdown{box-shadow:none;border:0;background:transparent}.mg-header-search .predictive-search-form__header,.mg-header-search .predictive-search-form__header-inner{display:contents}.mg-header-search .predictive-search__icon,.mg-header-search .predictive-search__close-modal-button{display:none}@media screen and (max-width:879px){.mg-header-search__trending,#nosto-autocomplete [data-nosto-element=trending]{max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important;align-items:flex-start!important;text-align:start!important}#nosto-autocomplete [data-nosto-element=trending] h3{font-size:20px!important;margin:10px 0 20px!important}}@media screen and (max-width:749px){.mg-header-search__bar{--mg-search-bar-height: 3.5rem;gap:.5rem;padding-inline:0}.mg-header-search__body:has(#nosto-autocomplete:not(:empty)){padding-inline:0;max-height:min(75dvh,28rem)}.mg-header-search__input,.mg-header-search__input.search-input{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mg-header-search.css.map */