.mt-hs{--mt-hs-accent: #4d7fde;--mt-hs-night-2: #0e1013;--mt-hs-hair: rgba(255, 255, 255, .08);--mt-hs-hair-strong: rgba(255, 255, 255, .16);--mt-hs-on-night: #ffffff;--mt-hs-muted: #9aa0aa;--mt-hs-subtle: #6c7280}.mt-hs .search-modal{background:#08090bf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--mt-hs-hair);font-family:"Manrope",var(--font-body-family),sans-serif}.mt-hs .search-modal__content{gap:12px;padding-top:10px;padding-bottom:10px}.mt-hs details[open] .modal-overlay:after{background-color:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mt-hs .field{align-items:center;gap:10px;height:52px;padding:0 8px 0 6px;background:#ffffff0d;border:1px solid var(--mt-hs-hair);border-radius:14px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.mt-hs .field:focus-within{border-color:var(--mt-hs-accent);background:#ffffff12;box-shadow:0 0 0 4px #4d7fde38}.mt-hs .field:before,.mt-hs .field:after,.mt-hs .field:hover:after{display:none}.mt-hs .search__input.field__input,.mt-hs .search__input.field__input:focus,.mt-hs .search__input.field__input:not(:placeholder-shown){flex:1;order:1;min-width:0;height:100%;margin:0;padding:0 4px;background:none;border:0;border-radius:0;box-shadow:none;outline:0;color:var(--mt-hs-on-night);font-family:"Manrope",var(--font-body-family),sans-serif;font-size:17px;letter-spacing:-.01em}.mt-hs .search__input.field__input:focus-visible,.mt-hs .search__input.field__input.focused{box-shadow:none;outline:0}.mt-hs .search__input.field__input::placeholder{opacity:1;color:var(--mt-hs-subtle)}.mt-hs .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mt-hs .search__button.field__button{position:static;order:0;flex:none;width:36px;height:36px;border-radius:10px;color:var(--mt-hs-muted);background:transparent;box-shadow:none;transition:color .15s ease}.mt-hs .field:focus-within .search__button.field__button{color:var(--mt-hs-accent)}.mt-hs .search__button .icon{width:18px;height:18px}.mt-hs .reset__button.field__button{position:static;order:2;flex:none;width:34px;height:34px;border-radius:10px;color:var(--mt-hs-muted);background:#ffffff0f;box-shadow:none;transition:color .15s ease,background .15s ease}.mt-hs .reset__button.field__button.hidden{display:none}.mt-hs .reset__button.field__button:hover{color:var(--mt-hs-on-night);background:#ffffff1f}.mt-hs .reset__button:after{display:none}.mt-hs .reset__button .icon.icon-close{width:16px;height:16px}.mt-hs .search__button:hover .icon,.mt-hs .reset__button:hover .icon{transform:none}.mt-hs .search-modal__close-button.modal__close-button{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--mt-hs-hair);color:var(--mt-hs-muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.mt-hs .search-modal__close-button.modal__close-button:hover{color:var(--mt-hs-on-night);border-color:var(--mt-hs-hair-strong);background:#ffffff0f}.mt-hs .search-modal__close-button .icon{width:15px;height:15px}.mt-hs .field__button:focus-visible,.mt-hs .search-modal__close-button:focus-visible{outline:2px solid var(--mt-hs-accent);outline-offset:2px;box-shadow:none}.mt-hs .predictive-search{top:calc(100% + 10px);left:0;right:0;width:auto;max-height:min(70vh,540px)!important;padding:8px;background:var(--mt-hs-night-2);border:1px solid var(--mt-hs-hair-strong);border-radius:16px;box-shadow:0 24px 60px -18px #000000d9,0 0 0 1px #4d7fde14;color:var(--mt-hs-on-night);font-family:"Manrope",var(--font-body-family),sans-serif;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.mt-hs predictive-search[open] .predictive-search{animation:mtHsPop .18s ease}@keyframes mtHsPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media screen and (min-width:750px){.mt-hs .predictive-search{left:50%;right:auto;width:min(920px,calc(100vw - 48px));transform:translate(-50%)}@keyframes mtHsPop{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}}.mt-hs .predictive-search::-webkit-scrollbar{width:4px}.mt-hs .predictive-search::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.mt-hs .predictive-search::-webkit-scrollbar-button{display:none;height:0}.mt-hs .predictive-search__results-groups-wrapper{gap:8px;padding-bottom:0;border-bottom:0}.mt-hs .predictive-search__result-group{gap:6px;min-width:0}@media screen and (min-width:750px){.mt-hs .predictive-search__result-group:first-child{flex:0 0 38%}.mt-hs .predictive-search__result-group+.predictive-search__result-group{padding-left:8px;border-left:1px solid var(--mt-hs-hair)}}.mt-hs .predictive-search__heading{margin:0;padding:8px 12px 6px;border-bottom:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;color:var(--mt-hs-subtle)}.mt-hs .predictive-search__item{align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--mt-hs-on-night);transition:background .12s ease}.mt-hs .predictive-search__item-heading{font-family:inherit;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:0;color:inherit}.mt-hs .predictive-search__list-item[aria-selected=true]>*,.mt-hs .predictive-search__list-item:hover>*,.mt-hs .predictive-search__item[aria-selected=true],.mt-hs .predictive-search__item:hover{color:var(--mt-hs-on-night);background-color:#4d7fde1f}.mt-hs .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.mt-hs .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.mt-hs .mt-hs-term-icon{flex:none;color:var(--mt-hs-muted)}.mt-hs .predictive-search__item-query-result *:not(mark){font-weight:inherit}.mt-hs .predictive-search__item-query-result mark{background:none;color:var(--mt-hs-accent);font-weight:700}.mt-hs .predictive-search__item--link-with-thumbnail{display:flex;padding:8px 12px}.mt-hs .mt-hs-thumb{flex:none;width:48px;height:48px;border-radius:10px;overflow:hidden;background:#fff}.mt-hs .mt-hs-thumb .predictive-search__image{display:block;width:100%;height:100%;object-fit:contain}.mt-hs .predictive-search__item-content{gap:3px;min-width:0}.mt-hs .predictive-search__item--link-with-thumbnail .predictive-search__item-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-hs .predictive-search__item-vendor{font-size:11px;letter-spacing:1px;color:var(--mt-hs-subtle)}.mt-hs .predictive-search .price,.mt-hs .predictive-search__item-vendor+.predictive-search__item-heading{margin-top:0}.mt-hs .predictive-search__item .price{font-size:13px;letter-spacing:0;color:var(--mt-hs-muted)}.mt-hs .predictive-search__item .price-item,.mt-hs .predictive-search__item .price__sale .price-item--regular{font-size:inherit;letter-spacing:0}.mt-hs .predictive-search__item .price-item--regular{color:inherit}.mt-hs .predictive-search__search-for-button{display:block;margin-top:6px;border-top:1px solid var(--mt-hs-hair)}.mt-hs .predictive-search__item--term{padding:12px;border-radius:0 0 10px 10px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4;word-break:normal;overflow-wrap:anywhere;color:var(--mt-hs-accent)}.mt-hs .predictive-search__item--term:hover,.mt-hs .predictive-search__item--term[aria-selected=true]{color:var(--mt-hs-accent)}.mt-hs .predictive-search__item--term .icon-arrow{width:14px;height:14px;margin-left:16px;color:var(--mt-hs-accent)}.mt-hs .predictive-search__loading-state .path{stroke:var(--mt-hs-accent)}@media screen and (max-width:749px){.mt-hs .field{height:46px}.mt-hs .search__input.field__input{font-size:16px}.mt-hs .search-modal__close-button.modal__close-button{width:40px;height:40px}.mt-hs .predictive-search{top:calc(100% + 8px);left:12px;right:12px;max-height:64vh!important}.mt-hs .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:6px}.mt-hs .predictive-search__result-group+.predictive-search__result-group{padding-top:6px;border-top:1px solid var(--mt-hs-hair)}.mt-hs .mt-hs-thumb{width:42px;height:42px}.mt-hs .predictive-search__item--link-with-thumbnail .predictive-search__item-heading{font-size:14px;white-space:normal}}@media(prefers-reduced-motion:reduce){.mt-hs predictive-search[open] .predictive-search{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-mt-header-search.css.map */