.section-blog-search{position:relative;z-index:4;color:var(--journal-search-text, var(--color-body));background:var(--journal-search-background, var(--bg-body))}.blog-search{display:block}.blog-search__layout{display:flex;flex-wrap:wrap;align-items:center;gap:24px 64px}.blog-search__header{flex:1 1 320px;min-width:0}.blog-search__header h2{margin:0 0 12px;color:inherit}.blog-search__header .rte>:last-child{margin-bottom:0}.blog-search__control{position:relative;flex:1 1 420px;min-width:0}.blog-search__control form{margin:0}.blog-search__field{display:flex;align-items:center;gap:14px;min-height:56px;padding-inline:18px;border:1px solid var(--journal-search-border, var(--color-border));border-radius:8px}.blog-search__field:focus-within{outline:1px solid var(--journal-search-accent, var(--color-accent));outline-offset:2px}.blog-search__field>svg{flex-shrink:0}.blog-search__field blog-search-prompt{position:relative;display:flex;flex:1;min-width:0}.blog-search__field blog-search-prompt[data-running] input::placeholder{opacity:0}.blog-search-prompt__text{position:absolute;top:50%;inset-inline:0;overflow:hidden;transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:.65}.blog-search-prompt__text[hidden]{display:none}.blog-search__field input[type=search]{flex:1;width:100%;min-width:0;height:54px;margin:0;padding:0;color:inherit;background:transparent;border:0;box-shadow:none;outline:none}.blog-search__field input::placeholder{color:inherit;opacity:.6}.blog-search__field input::-webkit-search-cancel-button{display:none}.blog-search__clear{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:44px;padding:0;color:inherit;background:transparent;border:0}.blog-search [hidden]{display:none!important}.blog-search__panel{position:absolute;z-index:10;top:calc(100% + 10px);inset-inline:0;max-height:min(580px,65vh);max-height:min(580px,65svh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--journal-search-border, var(--color-border));border-radius:12px;background:var( --journal-search-panel, var(--journal-search-background, var(--bg-body)) );box-shadow:0 12px 32px rgba(var(--color-body-rgb),.08)}.blog-search__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:16px 20px;font-size:.75rem}.blog-search__spinner{display:none;flex-shrink:0;width:16px;height:16px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%}.blog-search[data-loading] .blog-search__spinner{display:block;animation:journal-search-spin .8s linear infinite}.blog-search__items{margin:0;padding:0;list-style:none}.blog-search__item{margin:0;border-top:1px solid var(--journal-search-border, var(--color-border))}.blog-search__result{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:16px 20px;color:inherit}.blog-search__result[aria-selected=true],.blog-search__result:hover{color:var(--journal-search-accent, var(--color-accent));background:rgba(var(--color-body-rgb),.035)}.blog-search__image{display:block;position:relative;overflow:hidden;width:64px;aspect-ratio:1;border-radius:6px;background:rgba(var(--color-body-rgb),.04)}.blog-search__image img,.blog-search__image svg{display:block;width:100%;height:100%;object-fit:cover}.blog-search__copy{display:flex;min-width:0;flex-direction:column;gap:8px}.blog-search__result-title{line-height:1.4;overflow-wrap:anywhere}.blog-search__date{font-size:.6875rem;opacity:.65}.blog-search__footer{padding:18px 20px;border-top:1px solid var(--journal-search-border, var(--color-border))}.blog-search__footer .text-button{color:var(--journal-search-accent, var(--color-accent))}.blog-search a:focus-visible,.blog-search button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.blog-search-page__heading{margin-bottom:32px}.blog-search-page .blog-search__items{max-width:1000px}.blog-search-page .blog-search__result{grid-template-columns:100px minmax(0,1fr) 18px;padding:24px 0}.blog-search-page .blog-search__image{width:100px}.blog-search-page .blog-search__result-title{font-size:1.125rem}.blog-search-page .pagination{margin-top:40px}@keyframes journal-search-spin{to{transform:rotate(360deg)}}@keyframes journal-search-row{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.blog-search__panel .blog-search__item{animation:journal-search-row .18s ease both;animation-delay:calc(var(--search-row) * 30ms)}}@media(prefers-reduced-motion:reduce){.blog-search[data-loading] .blog-search__spinner{animation:none}}@media(max-width:767px){.blog-search__layout{gap:20px}.blog-search__control{flex-basis:100%}.blog-search__field{padding-inline:14px;gap:10px}.blog-search__field input[type=search]{font-size:16px}.blog-search__panel-heading,.blog-search__footer{padding-inline:16px}.blog-search__result{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px 16px}.blog-search__image{width:56px}.blog-search__arrow{display:none}.blog-search-page .blog-search__result{grid-template-columns:72px minmax(0,1fr)}.blog-search-page .blog-search__image{width:72px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/blog-search.css.map */