.blog-tag-search{text-align:center;margin-bottom:20px;position:relative}@media only screen and (min-width: 768px){.blog-tag-search{margin-bottom:40px}}.blog-tag-search__trigger-row{display:inline-flex;align-items:center;gap:8px;justify-content:center}.blog-tag-search__active-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.6875rem;text-transform:uppercase;height:31px;border-radius:62px;padding:0 10px 0 14px;font-weight:var(--font-body-bold-weight, 600);color:#fff;background:var(--color-accent);border:1px solid var(--color-accent)}.blog-tag-search__active-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:inherit;cursor:pointer;padding:0;line-height:1;opacity:.8}.blog-tag-search__active-pill-remove:hover{opacity:1}.blog-tag-search__active-pill-remove svg{width:10px;height:10px}.blog-tag-search__trigger-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.6875rem;text-transform:uppercase;height:31px;border-radius:62px;padding:0 14px;font-weight:var(--font-body-bold-weight, 600);border:1px solid var(--color-border);background:none;color:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.blog-tag-search__trigger-btn:hover,blog-tag-search[open] .blog-tag-search__trigger-btn{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.blog-tag-search__trigger-btn svg{width:10px;height:10px;transition:transform .2s}blog-tag-search[open] .blog-tag-search__trigger-btn svg{transform:rotate(180deg)}.blog-tag-search__dropdown-wrap{position:relative;display:inline-block}.blog-tag-search__dropdown{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:320px;max-height:420px;background:var(--bg-body, #fff);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:10;text-align:left;overflow:hidden;flex-direction:column}.blog-tag-search__dropdown.is-open{display:flex}.blog-tag-search__drawer-header{display:none}@media only screen and (max-width: 767px){.blog-tag-search__dropdown{position:fixed;top:0;right:0;bottom:0;left:auto;transform:translate(100%);width:100%;max-width:480px;max-height:none;height:100vh;height:100dvh;border:none;border-radius:0;box-shadow:none;z-index:90;transition:transform .25s cubic-bezier(.104,.204,.492,1);will-change:transform}.blog-tag-search__dropdown.is-open{display:flex;transform:translate(0)}.blog-tag-search__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:52px;min-height:52px;background:var(--bg-body, #fff);border-bottom:1px solid var(--color-border)}.blog-tag-search__drawer-title{margin:0;line-height:1;font-size:.9375rem;letter-spacing:.1em;font-weight:var(--font-body-bold-weight, 600);color:var(--color-body);text-transform:uppercase}.blog-tag-search__drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0;color:var(--color-body)}.blog-tag-search__drawer-close svg{width:14px;height:14px}.blog-tag-search__search-wrap,.blog-tag-search__tag{padding:14px 30px}.blog-tag-search__no-results{padding:32px 30px}.blog-tag-search__count{padding:10px 30px}}.blog-tag-search__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:89;opacity:0;visibility:hidden;background:#000000b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .25s cubic-bezier(.104,.204,.492,1),visibility .25s cubic-bezier(.104,.204,.492,1)}@media only screen and (max-width: 767px){.blog-tag-search__overlay{display:block}.blog-tag-search__overlay.is-open{opacity:1;visibility:visible}}.blog-tag-search__search-wrap{position:sticky;top:0;padding:12px;background:var(--bg-body, #fff);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px;z-index:1}.blog-tag-search__search-icon{flex-shrink:0;width:16px;height:16px;opacity:.5}.blog-tag-search__search-input{flex:1;border:none;outline:none;font-size:.8125rem;background:transparent;color:inherit;font-family:inherit;padding:0}.blog-tag-search__search-input::placeholder{opacity:.5}.blog-tag-search__search-clear{display:none;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;padding:0;opacity:.5;flex-shrink:0}.blog-tag-search__search-clear:hover{opacity:1}.blog-tag-search__search-clear.is-visible{display:inline-flex}.blog-tag-search__search-clear svg{width:12px;height:12px}.blog-tag-search__list{overflow-y:auto;flex:1;overscroll-behavior:contain}.blog-tag-search__tag{display:block;padding:10px 16px;font-size:.8125rem;text-transform:uppercase;font-weight:var(--font-body-bold-weight, 600);letter-spacing:.02em;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background .15s,color .15s}.blog-tag-search__tag:last-child{border-bottom:none}.blog-tag-search__tag:hover,.blog-tag-search__tag.active{color:#fff;background:var(--color-accent)}.blog-tag-search__loading{display:none;padding:12px 0;text-align:center}.blog-tag-search__loading.is-visible{display:block}.blog-tag-search__spinner{width:20px;height:20px;animation:blog-tag-spin .8s linear infinite}@keyframes blog-tag-spin{to{transform:rotate(360deg)}}.blog-tag-search__no-results{display:none;padding:24px 16px;text-align:center;font-size:.8125rem;opacity:.6}.blog-tag-search__no-results.is-visible{display:block}.blog-tag-search__count{display:none;padding:8px 16px;text-align:center;font-size:.6875rem;opacity:.5;border-top:1px solid var(--color-border);background:var(--bg-body, #fff)}.blog-tag-search__count.is-visible{display:block}.blog-tag-search__noscript{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.blog-tag-search__noscript a{display:inline-flex;white-space:nowrap;font-size:.6875rem;text-transform:uppercase;height:31px;border-radius:62px;padding:0 14px;align-items:center;font-weight:var(--font-body-bold-weight, 600);border:1px solid var(--color-border);text-decoration:none;color:inherit}.blog-tag-search__noscript a:hover,.blog-tag-search__noscript a.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/blog-tag-search.css.map */