blog-listing{display:block}.blog-filters{display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px 0 48px}.blog-filters__group--segmented{position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;padding:5px;border-radius:26px;background:var(--color-hover)}.blog-filters__group--segmented .blog-filters__pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-size:.875rem;font-weight:600;white-space:nowrap;transition:color .35s var(--ease),background .25s}.blog-filters__group--segmented .blog-filters__pill[aria-current=true]{color:#fff;background:var(--color-ink)}.blog-filters__group--segmented.is-enhanced .blog-filters__pill[aria-current=true]{background:none}@media(hover:hover){.blog-filters__group--segmented .blog-filters__pill:hover:not([aria-current=true]){background:var(--color-line)}}.blog-filters__indicator{position:absolute;top:0;left:0;width:0;height:44px;border-radius:999px;background:var(--color-ink);pointer-events:none;transition:transform .45s var(--ease-out),width .45s var(--ease-out)}.blog-filters__group--segmented:not(.is-enhanced) .blog-filters__indicator{display:none}.blog-filters__dot{width:8px;height:8px;border-radius:50%;transition:transform .3s var(--ease-out)}.blog-filters__pill:hover .blog-filters__dot{transform:scale(1.4)}.blog-filters__group--chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.blog-filters__heading{margin-right:6px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-olive)}.blog-filters__group--chips .blog-filters__pill{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1.5px solid var(--color-line);border-radius:999px;background:#fff;font-size:.8125rem;font-weight:600;white-space:nowrap;transition:border-color .25s,background .25s,transform .2s}.blog-filters__group--chips .blog-filters__pill:hover:not([aria-current=true]){border-color:var(--color-line-hover)}.blog-filters__group--chips .blog-filters__pill:active{transform:scale(.96)}.blog-filters__group--chips .blog-filters__pill[aria-current=true]{border-color:var(--color-ink);background:var(--color-ink);color:#fff}blog-listing.is-loading{cursor:progress}[data-blog-grid].is-leaving>*{animation:blog-out .22s var(--ease) forwards;pointer-events:none}[data-blog-grid].is-entering>*{animation:blog-in .55s var(--ease-out) both}[data-blog-grid].is-entering>:nth-child(2){animation-delay:.06s}[data-blog-grid].is-entering>:nth-child(3){animation-delay:.12s}[data-blog-grid].is-entering>:nth-child(4){animation-delay:.18s}[data-blog-grid].is-entering>:nth-child(n+5){animation-delay:.24s}.blog-listing__new{animation:blog-in .55s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes blog-out{to{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes blog-in{0%{opacity:0;transform:translateY(22px) scale(.98)}}.blog-listing__footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:48px}.blog-listing__count{font-size:.8125rem;color:var(--color-grey)}.blog-listing__progress{width:180px;height:3px;overflow:hidden;border-radius:999px;background:var(--color-line)}.blog-listing__progress-bar{display:block;height:100%;border-radius:inherit;background:var(--color-ink);transition:width .6s var(--ease-out)}.blog-listing__more{margin-top:8px}.blog-listing__empty{margin-top:24px;padding:48px 24px;border:1.5px dashed var(--color-line);border-radius:20px;text-align:center;color:var(--color-grey);animation:fade-up .4s var(--ease-out)}.blog-listing__empty b{color:var(--color-ink)}.blog-listing__empty .button{margin-top:18px}@media(max-width:860px){.blog-filters__group--segmented{width:100%;max-width:640px}.blog-filters__group--segmented .blog-filters__pill{flex:1 1 auto;justify-content:center;height:42px;padding:0 14px}.blog-filters__indicator{height:42px}.blog-filters__heading{width:100%;margin:4px 0 0;text-align:center}}@media(max-width:768px){.blog-filters{margin:28px 0;align-items:stretch}}@media(max-width:560px){.blog-listing__more{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-blog-listing.css.map */