.csr{--csr-line: rgb(0 0 0 / 18%);--csr-line-strong: #111;--csr-panel-bg: #fff}.csr__searchbar{position:relative;margin-block-start:var(--cmc-toolbar-top);padding-inline:var(--cmc-pad);z-index:30}.csr__form{position:relative;max-width:640px}.csr__field{position:relative;display:flex;align-items:center}.csr__icon{position:absolute;inset-inline-start:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;color:#111}.csr__icon svg{width:16px;height:16px}.csr__input{width:100%;-webkit-appearance:none;appearance:none;border:0;border-bottom:1px solid var(--csr-line-strong);background:transparent;color:#111;font:inherit;font-size:15px;line-height:1.4;padding:10px 28px;border-radius:0}.csr__input::placeholder{color:#00000073}.csr__input:focus{outline:none;border-bottom-color:#111}.csr__input::-webkit-search-decoration,.csr__input::-webkit-search-cancel-button,.csr__input::-webkit-search-results-button,.csr__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.csr__clear{position:absolute;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:#111;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.csr__clear.is-visible{opacity:.7;visibility:visible}.csr__clear:hover{opacity:1}.csr__clear svg{width:14px;height:14px}.csr__suggestions{position:absolute;inset-inline:0;top:calc(100% - 1px);z-index:40;margin:0;padding:6px 0;list-style:none;background:var(--csr-panel-bg);border:1px solid var(--csr-line);border-top:1px solid var(--csr-line-strong);max-height:min(420px,70vh);overflow-y:auto;box-shadow:0 12px 28px #00000014}.csr__suggestions[hidden]{display:none}.csr__suggestion{margin:0}.csr__suggestion-link{display:flex;align-items:center;gap:14px;padding:8px var(--cmc-pad, 24px);color:inherit;text-decoration:none;cursor:pointer}.csr__suggestion.is-active .csr__suggestion-link,.csr__suggestion-link:hover{background:#f3f0ec}.csr__suggestion-thumb{flex:0 0 auto;width:40px;height:52px;background:var(--cmc-img-bg, #f8f6f4);overflow:hidden;display:flex;align-items:center;justify-content:center}.csr__suggestion-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.csr__suggestion-text{min-width:0;display:flex;flex-direction:column;gap:2px}.csr__suggestion-title{font-size:13px;line-height:1.3;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csr__suggestion-title mark{background:transparent;color:inherit;font-weight:600}.csr__suggestion-meta{font-size:11px;opacity:.55}.csr__suggestion--all{border-top:1px solid var(--csr-line);margin-top:6px}.csr__suggestion-link--all{display:block;padding:12px var(--cmc-pad, 24px);font-size:12px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px}.csr__toolbar{justify-content:space-between}.csr__heading{margin:0;font-size:var(--cmc-font, 13px);font-weight:400;line-height:1.35}.csr__count{opacity:.55;white-space:nowrap}.csr .visually-hidden,.csr__status.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media screen and (max-width:749px){.csr__searchbar{padding-inline:var(--cmc-pad-mobile, 16px)}.csr__form{max-width:100%}.csr__suggestion-link,.csr__suggestion-link--all{padding-inline:var(--cmc-pad-mobile, 16px)}}@media(prefers-reduced-motion:reduce){.csr__clear{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-custom-search.css.map */