.mt-search-ui{--mt-search-ink: #151515;--mt-search-muted: #5d5d5d;--mt-search-line: #dedede;--mt-search-soft: #f5f5f5;--mt-search-white: #fff;--mt-search-button-gradient: linear-gradient(155deg, #363636, #0a0a0a);--mt-search-button-gradient-hover: linear-gradient(155deg, #444, #141414);--mt-search-radius: .8rem;--mt-search-shadow: 0 1.2rem 3.6rem rgb(0 0 0 / 14%), 0 .2rem .8rem rgb(0 0 0 / 5%)}.mt-search-ui .mt-search-form{position:relative;margin:0;color:var(--mt-search-ink)}.mt-search-form .mt-search-field{min-width:0;min-height:5.6rem;align-items:center;border:1px solid var(--mt-search-line);border-radius:var(--mt-search-radius);background:var(--mt-search-white)}.mt-search-form .mt-search-field:is(:focus-within,:hover){border-color:#929292}.mt-search-form .mt-search-field:before,.mt-search-form .mt-search-field:after{display:none}.mt-search-form .mt-search-field .search__input{width:100%;min-width:0;height:5.4rem;padding:0 9.8rem 0 4.9rem;margin:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;color:var(--mt-search-ink);font-size:1.6rem;letter-spacing:normal}.mt-search-form .mt-search-field .search__input::placeholder{color:var(--mt-search-muted);opacity:1}.mt-search-form .mt-search-field:has(.reset__button.hidden) .search__input{padding-right:5.5rem}.mt-search-form .mt-search-field__icon{position:absolute;left:1.4rem;display:grid;place-items:center;width:2rem;height:2rem;pointer-events:none}.mt-search-form .mt-search-field__icon .svg-wrapper,.mt-search-form .mt-search-field__icon svg{width:2rem;height:2rem}.mt-search-form .mt-search-field :is(.search__button,.reset__button){position:absolute;inset:.5rem .5rem auto auto;display:grid;place-items:center;width:4.4rem;height:4.4rem;border:0;border-radius:.6rem}.mt-search-ui .mt-search-form .mt-search-field .search__button{background:var(--mt-search-ink) var(--mt-search-button-gradient);color:var(--mt-search-white)}.mt-search-ui .mt-search-form .mt-search-field .search__button:hover{background-image:var(--mt-search-button-gradient-hover)}.mt-search-form .mt-search-field .reset__button{right:5rem;background:transparent;color:var(--mt-search-muted)}.mt-search-form .mt-search-field .reset__button.hidden{display:none}.mt-search-form .mt-search-field .reset__button:after{display:none}.mt-search-form .mt-search-field :is(.reset__button,.search__button) svg{width:2rem;height:2rem}.mt-search-ui .mt-search-form button:focus-visible,.mt-search-ui .mt-search-panel :is(button,a):focus-visible{outline:2px solid #a62924;outline-offset:-2px}.mt-search-ui details[open]>.mt-search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;justify-content:center;align-items:flex-start;min-height:0;height:var(--mt-search-viewport, 100dvh);padding:clamp(2rem,10dvh,9rem) 1.6rem 1.6rem;border:0;background:none;animation:none}.mt-search-ui details[open]:has(>.mt-search-modal)>summary{opacity:0;pointer-events:none}.mt-search-modal .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.mt-search-modal .modal-overlay:after{display:none}.mt-search-ui .mt-search-modal .mt-search-panel{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem;width:min(100%,72rem);height:auto;min-height:0;max-height:100%;padding:1.6rem;overflow:hidden;border:1px solid var(--mt-search-line);border-radius:var(--mt-search-radius);background:var(--mt-search-white);color:var(--mt-search-ink);box-shadow:var(--mt-search-shadow)}.mt-search-panel__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1rem}.mt-search-panel__title{margin:0;font-size:2.1rem;line-height:1.25}.mt-search-ui .mt-search-panel .search-modal__close-button{position:static;display:grid;flex:0 0 auto;place-items:center;width:4.4rem;height:4.4rem;margin:0;border-radius:var(--mt-search-radius);color:var(--mt-search-ink)}.mt-search-panel .search-modal__close-button:hover{background:var(--mt-search-soft)}.mt-search-ui .mt-search-panel .search-modal__form{position:relative;display:flex;flex-direction:column;min-height:0;max-width:none}.mt-search-panel .mt-search-field{flex:0 0 auto}.mt-search-panel__start{padding-block:1.4rem .2rem}.mt-search-panel__start p{margin:0 0 .7rem;color:var(--mt-search-muted);font-size:1.3rem;line-height:1.35}.mt-search-panel__shortcuts{display:flex;flex-wrap:wrap;gap:.6rem}.mt-search-panel__shortcuts a{display:inline-flex;align-items:center;min-height:4.4rem;padding:.4rem 1.2rem;border:1px solid var(--mt-search-line);border-radius:var(--mt-search-radius);color:var(--mt-search-ink);font-size:1.35rem;font-weight:600;text-decoration:none}.mt-search-panel__shortcuts a:hover{background:var(--mt-search-soft)}.mt-search-ui .mt-search-form .predictive-search{inset:calc(100% + .6rem) 0 auto;width:auto;min-height:0;max-height:min(60dvh,52rem)!important;padding:0;overflow:auto;border:1px solid var(--mt-search-line);border-radius:var(--mt-search-radius);background:var(--mt-search-white);box-shadow:var(--mt-search-shadow);overscroll-behavior:contain;scroll-padding-bottom:5rem;z-index:4}.mt-search-ui .mt-search-panel .predictive-search{position:static;max-height:none!important;margin-top:.4rem;border:0;border-radius:0;box-shadow:none}.mt-search-form .mt-search-suggestions__body{display:grid;gap:1rem;padding:.7rem .3rem}.mt-search-form .predictive-search--search-template .mt-search-suggestions__body{padding-inline:1rem}.mt-search-suggestions__links{min-width:0}.mt-search-suggestions__links:empty{display:none}.mt-search-suggestions__group{min-width:0}.mt-search-suggestions__group+.mt-search-suggestions__group{margin-top:.9rem}.mt-search-suggestions__heading{margin:0;padding:.55rem .65rem;color:var(--mt-search-muted);font-size:1.25rem;font-weight:700;line-height:1.3}.mt-search-suggestions__list{margin:0;padding:0;list-style:none}.mt-search-form .mt-search-suggestions__list .predictive-search__item{display:flex;align-items:center;min-height:4.4rem;gap:1rem;padding:.5rem .65rem;border-radius:var(--mt-search-radius);color:var(--mt-search-ink);text-decoration:none}.mt-search-form .mt-search-suggestions__list .predictive-search__image{flex:0 0 auto;width:4.8rem;height:4.8rem;border:1px solid #ececec;border-radius:.5rem;background:#fff}.mt-search-suggestions__brand-logo{display:grid;flex:0 0 5.6rem;place-items:center;height:3.2rem;padding:.3rem .4rem;border:1px solid var(--mt-search-line);border-radius:.5rem;background:var(--mt-search-white)}.mt-search-suggestions__brand-logo:is([data-mt-brand=contec],[data-mt-brand=muc-off],[data-mt-brand=poc],[data-mt-brand=nicolai]){background:#292929}.mt-search-suggestions__brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.mt-search-suggestions__list .predictive-search__item-content{min-width:0}.mt-search-suggestions__list .predictive-search__item-heading{font-size:1.35rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.mt-search-suggestions__list .predictive-search__item-vendor{display:none}.mt-search-suggestions__list .price{margin-top:.2rem;color:var(--mt-search-muted);font-size:1.25rem;line-height:1.2}.mt-search-ui .mt-search-leasing-chip{position:relative;display:inline-flex;align-self:flex-start;align-items:center;gap:.5rem;width:fit-content;max-width:100%;margin-top:.55rem;padding:.2rem .7rem .2rem .2rem;border:1px solid #dbe4d0;border-radius:999px;background:#f7faf2;color:#26321f;font-size:1.2rem;font-weight:650;line-height:1.25;letter-spacing:normal;text-decoration:none}.mt-search-ui a.mt-search-leasing-chip{z-index:2}.mt-search-ui a.mt-search-leasing-chip:is(:hover,:focus-visible){border-color:#83c900;color:#26321f}.mt-search-leasing-chip__icon{display:grid;flex:0 0 auto;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#83c900}.mt-search-leasing-chip__icon img{display:block;width:1.5rem;height:1.5rem}.mt-search-leasing-price-row{display:flex;align-items:center;gap:.7rem;margin-top:.2rem}.mt-search-leasing-price-row:has(>.price--on-sale .price__sale s.price-item--regular){flex-direction:column;align-items:flex-start;gap:.3rem}.mt-search-suggestions__list .mt-search-leasing-price-row>.price{min-width:min-content;margin-top:0}.mt-search-leasing-price-row .price--on-sale .price__sale{display:flex;flex-wrap:wrap;gap:.15rem .65rem}.mt-search-leasing-price-row .price .price-item{margin-inline-end:0;white-space:nowrap}.mt-search-leasing-price-row .mt-search-leasing-chip{align-self:auto;margin-top:0;font-size:1.1rem}.mt-search-suggestions__list .mt-search-leasing-chip__icon{width:1.8rem;height:1.8rem}.mt-search-suggestions__list .mt-search-leasing-chip__icon img{width:1.25rem;height:1.25rem}.mt-search-suggestions__empty{margin:0;padding:1.2rem .65rem;color:var(--mt-search-muted);font-size:1.4rem}.mt-search-form .predictive-search__search-for-button{position:sticky;bottom:0;padding:.7rem;border-top:1px solid var(--mt-search-line);background:var(--mt-search-white)}.mt-search-panel .predictive-search__search-for-button{padding:.7rem 0 0}.mt-search-form .predictive-search__search-for-button .predictive-search__item{justify-content:space-between;align-items:center;min-height:4.4rem;padding:.65rem 1rem;border:0;border-radius:var(--mt-search-radius);background:var(--mt-search-ink) var(--mt-search-button-gradient);color:var(--mt-search-white);font-size:1.35rem;font-weight:650;text-decoration:none;word-break:normal}.mt-search-form .predictive-search__search-for-button .predictive-search__item:is(:hover,[aria-selected=true]){background-image:var(--mt-search-button-gradient-hover);color:var(--mt-search-white)}.mt-search-ui .mt-results-toolbar .mobile-facets__footer .button--primary{background-image:var(--mt-search-button-gradient)!important}@media(hover:hover){.mt-search-ui .mt-results-toolbar .mobile-facets__footer .button--primary:not([disabled]):hover{background-image:none!important}}.mt-search-ui .template-search{padding-block-start:clamp(2.8rem,4vw,4.8rem)}.mt-search-ui .template-search .mt-search-results-header{margin-bottom:clamp(1.6rem,2.5vw,3rem)}.mt-search-results-header h1{margin:0 0 1.2rem;text-align:start;font-size:clamp(2.4rem,3.8vw,3.6rem);line-height:1.15}.mt-search-ui .mt-search-results-header .template-search__search{width:100%;max-width:68rem;margin:0}.mt-search-ui .mt-search-results-header .mt-search-form{margin:0}.mt-search-ui .template-search--empty{padding-bottom:clamp(3rem,6vw,8rem)}.mt-search-ui .mt-search-results-empty{margin:1.6rem 0 0;padding:1.5rem;border:1px solid var(--mt-search-line);border-radius:var(--mt-search-radius);background:var(--mt-search-soft);color:var(--mt-search-ink);font-size:1.5rem}.mt-search-results-empty .title{margin:0;font-size:1.7rem;line-height:1.5}@media(min-width:660px){.mt-search-suggestions__body:has(.mt-search-suggestions__group--products):has(.mt-search-suggestions__links){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.mt-search-suggestions__group--products+.mt-search-suggestions__links{padding-left:.9rem;border-left:1px solid var(--mt-search-line)}}@media(max-width:659px){.mt-search-ui details[open]>.mt-search-modal{padding:0}.mt-search-ui .mt-search-modal .mt-search-panel{width:100%;height:100%;max-height:none;padding:max(.7rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left));border:0;border-radius:0}.mt-search-panel__title{font-size:1.9rem}.mt-search-ui .mt-search-panel .search-modal__form{flex:1}.mt-search-form .mt-search-field .search__input{padding-inline:4.05rem 9.6rem}.mt-search-form .mt-search-field__icon{left:1.1rem}}@media(prefers-reduced-motion:no-preference){.mt-search-ui details[open] .mt-search-panel{animation:mt-search-enter .16s ease-out}@keyframes mt-search-enter{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}}@media(max-width:360px){.mt-search-form .mt-search-field .search__input::placeholder{font-size:1.35rem}.mt-search-leasing-price-row .mt-search-leasing-chip{gap:.35rem;padding-inline-end:.5rem;font-size:1rem}.mt-search-leasing-price-row .mt-search-leasing-chip__icon{width:1.6rem;height:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mt-search-ui.css.map */