.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.mqle-search{display:contents}.mqle-search__toggle{padding:0;background:none;border:0;cursor:pointer}.mqle-search__backdrop,.mqle-search__layer{position:fixed;opacity:0;pointer-events:none}.mqle-search__backdrop{top:0;right:0;bottom:0;left:0;z-index:5;background:#12121261;transition:opacity .2s}.mqle-search__layer{top:var(--mqle-search-top, var(--header-height, 7.2rem));right:0;left:0;z-index:6;max-height:calc(100dvh - var(--mqle-search-top, 7.2rem));overflow-y:auto;background:var(--color-paper);border-bottom:1px solid var(--color-line);transform:translateY(-8px);transition:transform .18s,opacity .18s}.mqle-search[data-state=closed] .mqle-search__layer,.mqle-search[data-state=closed] .mqle-search__backdrop{visibility:hidden}.mqle-search[data-open] .mqle-search__backdrop{opacity:1;pointer-events:auto}.mqle-search[data-open] .mqle-search__layer{opacity:1;pointer-events:auto;transform:none}@media screen and (min-width:990px){.mqle-search__form,.mqle-search__popular{max-width:56rem;margin-inline:auto}}.mqle-search__form{margin:0}.mqle-search__field{display:flex;align-items:center;gap:9px;height:4.4rem;margin-inline:var(--space-4);background:var(--color-paper);border-bottom:1px solid var(--color-line)}.mqle-search__field:focus-within{border-bottom-color:var(--color-ink)}.mqle-search__field-icon{flex:0 0 auto;width:1.5rem;height:1.5rem;color:var(--color-muted)}.mqle-search__input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--color-ink);font-size:var(--text-md)}.mqle-search__input:focus{outline:0}.mqle-search__input::placeholder{color:var(--color-muted-soft);opacity:1}.mqle-search__input::-webkit-search-decoration{-webkit-appearance:none}.mqle-search__reset{display:grid;place-items:center;flex:0 0 auto;width:2.4rem;height:100%;padding:0;border:0;background:none;color:var(--color-muted);cursor:pointer}.mqle-search__reset .svg-wrapper{width:1.5rem;height:1.5rem}.mqle-search__popular{display:none;padding-bottom:var(--space-2)}.mqle-search[data-state=popular] .mqle-search__popular{display:block}.mqle-search__caption{margin:0;padding:var(--space-3) var(--space-4) var(--space-1);color:var(--color-muted);font-size:var(--t-badge);line-height:var(--l-badge);font-weight:var(--weight-bold);letter-spacing:var(--k-badge);text-transform:uppercase}.mqle-search__term{display:flex;align-items:center;gap:9px;min-height:var(--touch-min);padding-inline:var(--space-4);color:var(--color-ink);font-size:var(--text-sm);text-decoration:none}.mqle-search__term .svg-wrapper{flex:0 0 auto;width:1.3rem;height:1.3rem;color:var(--color-muted)}@media(hover:hover){.mqle-search__term:hover{background:var(--color-surface)}}body.mqle-search-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.mqle-search__layer,.mqle-search__backdrop{transition:none}}.template-search__results .grid__item>.card-wrapper,.template-search__results .grid__item>.article-card-wrapper{flex:1 1 auto;width:100%;min-width:0}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-search.css.map */