blog-search{display:block;scroll-margin-top:10rem}blog-search [hidden]{display:none!important}.blog-search{display:grid;grid-template-columns:1fr;gap:.8rem;margin:2.4rem 0 1.2rem;padding:.8rem;border:1px solid #ececec;border-radius:1.2rem;background:#f7f7f7}@media screen and (min-width:750px){.blog-search{grid-template-columns:minmax(0,1fr) 26rem auto}}.blog-search__field,.blog-search__select{position:relative}.blog-search__input,.blog-search__topic,.blog-search__clear-all{width:100%;height:4.2rem;margin:0;border:1px solid #e3e3e3;border-radius:.8rem;background:#fff;color:#0d0c0c;font-family:inherit;font-size:1.4rem;letter-spacing:normal;box-shadow:none;-webkit-appearance:none;appearance:none}.blog-search__input{padding:0 4rem 0 3.8rem}.blog-search__input::placeholder{color:#8a8a8a}.blog-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.blog-search__input:focus,.blog-search__topic:focus{outline:none;border-color:#0d0c0c}.blog-search__icon{position:absolute;top:50%;left:1.4rem;transform:translateY(-50%);color:#0d0c0c;pointer-events:none}.blog-search__input-clear{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;border:0;border-radius:50%;background:transparent;color:#8a8a8a;cursor:pointer}.blog-search__input-clear:hover{background:#f0f0f0;color:#0d0c0c}.blog-search__topic{padding:0 3.6rem 0 1.4rem;cursor:pointer}.blog-search__select-icon{position:absolute;top:50%;right:1.4rem;transform:translateY(-50%);pointer-events:none}.blog-search__clear-all{padding:0 1.8rem;white-space:nowrap;cursor:pointer}.blog-search__clear-all:hover:not(:disabled){border-color:#0d0c0c}.blog-search__clear-all:disabled{background:#f1f1f1;color:#b5b5b5;cursor:default}.blog-search__count{margin:0 0 2.4rem;font-size:1.2rem;color:#555}.blog-search__empty{padding:6rem 2rem;border:1px dashed #dcdcdc;border-radius:1.2rem;text-align:center}.blog-search__empty h2{margin:0 0 .8rem}.blog-search__empty p{margin:0 0 2.4rem;color:#555}.blog-search__pagination{margin-top:4rem}.blog-search__pagination button.pagination__item{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/29/assets/blog-search.css.map */