.blog-search{position:relative;width:min(100%,32rem);margin:.25rem auto 0}.blog-search__form{margin:0}.blog-search__field{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:0 .95rem;border:1px solid rgba(17,17,17,.16);background:#fff}.blog-search__icon{display:flex;flex:0 0 auto;color:#1111118c}.blog-search__input{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:.95rem;letter-spacing:.01em;-webkit-appearance:none;appearance:none}.blog-search__input:focus{outline:none}.blog-search__input::-webkit-search-decoration,.blog-search__input::-webkit-search-cancel-button,.blog-search__input::-webkit-search-results-button,.blog-search__input::-webkit-search-results-decoration{display:none}.blog-search__input::placeholder{color:#11111173}.blog-search__field:focus-within{border-color:#1111116b}.blog-search__clear{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0;padding:0;border:0;background:transparent;color:#1111118c;cursor:pointer}.blog-search__clear[hidden]{display:none}.blog-search__panel{position:absolute;z-index:5;top:calc(100% + .4rem);left:0;right:0;max-height:min(24rem,70vh);overflow:auto;border:1px solid rgba(17,17,17,.12);background:#fff;box-shadow:0 12px 32px #11111114}.blog-search__empty,.blog-search__option{display:block;padding:.9rem 1rem;color:inherit;text-decoration:none}.blog-search__empty{margin:0;color:#1111118c;font-size:.9rem;text-align:center}.blog-search__option{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.85rem;align-items:center;border-top:1px solid rgba(17,17,17,.06)}.blog-search__option:first-child{border-top:0}.blog-search__option[aria-selected=true],.blog-search__option:hover{background:#f7f4ee}.blog-search__thumb{width:3.5rem;height:3.5rem;object-fit:cover;background:#eeeae3}.blog-search__thumb--empty{display:block}.blog-search__copy{min-width:0}.blog-search__title{display:block;font-size:.95rem;line-height:1.35}.blog-search__excerpt{display:block;margin-top:.2rem;color:#1111118c;font-size:.78rem;line-height:1.4}@media screen and (max-width:699px){.blog-search{width:100%}.blog-search__field{min-height:3.1rem}.blog-search__input{font-size:1rem}.blog-search__panel{max-height:min(20rem,60vh)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/blog-search.css.map */