.blog-search{position:relative;isolation:isolate}.blog-search__inner{padding-bottom:var(--spacing-06);padding-top:var(--spacing-12);margin-top:calc(var(--spacing-08) * -1);border-bottom:.1rem solid var(--color-border)}.blog-search__tags-wrapper{overflow:hidden;position:relative;margin-top:var(--spacing-06);margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem);padding-top:var(--spacing-04);padding-bottom:var(--spacing-04)}.blog-search__tags{display:flex;gap:var(--spacing-04);max-width:100%;overflow-x:auto;padding-left:2rem;padding-right:2rem;-webkit-mask-image:linear-gradient(to right,transparent,black 2rem calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,black 2rem calc(100% - 2rem),transparent)}.blog-search__tags::-webkit-scrollbar{display:none}.blog-search__tag{all:unset;cursor:pointer;padding:.6rem 1.6rem;min-height:3.2rem;min-width:6rem;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background-primary));border:.1rem solid rgba(0,0,0,.15);font-size:var(--font-size-body-sm);font-weight:400;color:#00000080;white-space:nowrap;border-radius:100vw;line-height:1;transition:all var(--duration-fast) ease}.blog-search__tag:hover{background-color:rgb(var(--color-accent-primary));color:rgb(var(--color-text))}.blog-search__filters-header{text-align:center}.blog-search__tag.active{color:#fff;background-color:rgb(var(--color-accent-primary-stronger));border-color:transparent;font-weight:600}.blog-search__tag-control{all:unset;position:absolute;top:0;height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer;visibility:visible}.blog-search__tag-control{transition:opacity var(--duration-mid) ease,visibility 0s linear}blog-tags[data-position=start] [data-control-start]{opacity:0;visibility:hidden;transition:opacity var(--duration-mid) ease,visibility 0s linear var(--duration-mid)}blog-tags[data-position=end] [data-control-end]{opacity:0;visibility:hidden;transition:opacity var(--duration-mid) ease,visibility 0s linear var(--duration-mid)}.blog-search__tag-control[data-control-start]{left:0}.blog-search__tag-control[data-control-end]{right:0}.blog-search__tag-control-icon{width:75%;max-height:4rem;max-width:4rem;height:75%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-accent-primary-stronger));border-radius:100vw;color:#fff;box-shadow:var(--shadow-elevation-low)}
/*# sourceMappingURL=/cdn/shop/t/83/assets/section-blog-search.css.map */