.section.bso-blog-search-section{margin-top:calc(var(--bso-bs-mt, 40px) * .75);margin-bottom:calc(var(--bso-bs-mb, 40px) * .75)}@media(min-width:769px){.section.bso-blog-search-section{margin-top:var(--bso-bs-mt, 40px);margin-bottom:var(--bso-bs-mb, 40px)}}.bso-blog-search__submit.btn--secondary[style*=--bso-bs-btn-hover]{background-image:linear-gradient(104deg,rgb(var(--bso-bs-btn-hover)) 60%,rgba(var(--btn-alt-bg-color)/var(--btn-alt-bg-alpha)) 60% 100%)}.bso-blog-search__inner{width:100%;max-width:var(--bso-bs-max-width, 720px)}.bso-blog-search--align-center .bso-blog-search__inner{margin-inline:auto;text-align:center}.bso-blog-search--align-end .bso-blog-search__inner{margin-inline-start:auto;text-align:end}.bso-blog-search__header{margin-bottom:calc(5 * var(--space-unit))}.bso-blog-search__heading-main:last-child,.bso-blog-search__text>:last-child{margin-bottom:0}.bso-blog-search .search{margin:0}.bso-blog-search__row{display:flex;gap:calc(2 * var(--space-unit));align-items:stretch}.bso-blog-search__field{position:relative;flex:1 1 auto;min-width:0;text-align:start}.bso-blog-search__submit{flex:0 0 auto}.bso-blog-search .search__input{height:100%;min-height:48px;padding-inline-end:48px}.bso-blog-search--no-icon .search__input{padding-inline-start:20px}.bso-blog-search .search__input::-webkit-search-cancel-button{-webkit-appearance:none}.bso-blog-search--input-outline .search__input{background-color:rgb(var(--bg-color));box-shadow:inset 0 0 0 1px rgba(var(--text-color)/.3)}.bso-blog-search .search__input:focus,bso-blog-search[open] .search__input{box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.bso-blog-search__icon,.bso-blog-search__reset{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);color:rgb(var(--text-color))}.bso-blog-search__icon{inset-inline-start:0;width:54px;height:44px;pointer-events:none}.bso-blog-search__icon--submit{pointer-events:auto}.bso-blog-search__icon svg{width:20px;height:20px}.bso-blog-search__reset{inset-inline-end:4px;width:40px;height:40px}.bso-blog-search__reset[hidden]{display:none}.bso-blog-search__reset svg{width:16px;height:16px}@media(max-width:768.98px){.bso-blog-search--stack-mobile .bso-blog-search__row{flex-direction:column}.bso-blog-search--stack-mobile .bso-blog-search__submit{width:100%}}.bso-blog-search__dropdown{container:bso-blog-search / inline-size;position:absolute;z-index:20;top:calc(100% + 8px);right:0;left:0;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(var(--text-color)/.12);border-radius:min(var(--input-border-radius, 8px),12px);background-color:var(--bso-bs-dd-bg, rgb(var(--bg-color)));box-shadow:0 14px 32px #0000001f;color:rgb(var(--text-color));text-align:start;transition:opacity .15s}.bso-blog-search__dropdown[hidden]{display:none}bso-blog-search[loading] .bso-blog-search__dropdown{opacity:.6}@media(max-width:768.98px){.bso-blog-search__dropdown{right:auto;left:var(--bso-bs-dd-left, 0);width:var(--bso-bs-dd-width, 100vw);max-height:var(--bso-bs-dd-max-height, 70dvh);border-right:0;border-left:0;border-radius:0}}.bso-blog-search__group{padding:16px 16px 8px}@container bso-blog-search (min-width: 560px){.bso-blog-search__group{padding:20px 20px 12px}}.bso-blog-search__heading{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(var(--text-color)/.09);color:rgba(var(--text-color)/.7);font-family:var(--body-font-family);font-size:.75rem;font-weight:400;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.bso-blog-search__list{margin:0;padding:0;list-style:none}.bso-blog-search__query,.bso-blog-search__article{display:block;border-radius:6px;color:inherit;text-decoration:none;transition:background-color .15s}.bso-blog-search__item:hover>a,.bso-blog-search__item[aria-selected=true]>a,.bso-blog-search__view-all:hover,.bso-blog-search__view-all[aria-selected=true]{background-color:rgba(var(--text-color)/.05)}.bso-blog-search__query{padding:7px 8px;font-family:var(--heading-font-family);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight)}.bso-blog-search__query mark{background:none;color:inherit;font-weight:400}.bso-blog-search__article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;padding:8px}.bso-blog-search__media{aspect-ratio:1;overflow:hidden;border-radius:4px;background-color:rgba(var(--text-color)/.05)}.bso-blog-search__media img{display:block;width:100%;height:100%;object-fit:cover}.bso-blog-search__title{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--heading-font-family);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bso-blog-search__meta,.bso-blog-search__excerpt{margin:4px 0 0;color:rgba(var(--text-color)/.7);font-size:.875em;line-height:1.4}.bso-blog-search__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bso-blog-search__title mark,.bso-blog-search__excerpt mark{border-radius:2px;background-color:rgba(var(--text-color)/.1);color:inherit}.bso-blog-search__author+.bso-blog-search__date:before{content:"|";margin-inline:.5em}.bso-blog-search--no-image .bso-blog-search__article{grid-template-columns:minmax(0,1fr)}.bso-blog-search--no-image .bso-blog-search__media,.bso-blog-search--no-author .bso-blog-search__author,.bso-blog-search--no-date .bso-blog-search__date,.bso-blog-search--no-excerpt .bso-blog-search__excerpt,.bso-blog-search--no-author.bso-blog-search--no-date .bso-blog-search__meta{display:none}.bso-blog-search--no-author .bso-blog-search__date:before{content:none}.bso-blog-search__no-results{margin:0;padding:20px}.bso-blog-search__footer{border-top:1px solid rgba(var(--text-color)/.09)}.bso-blog-search--no-view-all .bso-blog-search__footer,.bso-blog-search__footer[hidden],.bso-blog-search__no-results[hidden]{display:none}.bso-blog-search__view-all{display:flex;gap:8px;align-items:center;width:100%;padding:14px 20px;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.bso-blog-search__view-all .icon{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/bso-blog-search.css.map */