.blog-index__hero,.blog-index__featured,.blog-index__topics{color:var(--color-text-page-container);width:100%}.blog-index__hero{background:var(--color-background-inverted-subtle)}.blog-index__featured,.blog-index__topics{background:var(--color-background-inverted-page)}.blog-index__hero-container,.blog-index__section-container{margin:0 auto;padding-left:var(--padding-side);padding-right:var(--padding-side);width:100%}.blog-index__hero-container{display:flex;flex-direction:column;gap:var(--space-8);max-width:none;padding-bottom:var(--space-9);padding-top:var(--padding-lg)}.blog-index__breadcrumb{width:100%}.blog-index__breadcrumb-list{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-2);list-style:none;margin:0;min-width:0;overflow:hidden;padding:0}.blog-index__breadcrumb-item{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.blog-index__breadcrumb-separator{align-items:center;color:var(--color-text-page-container-tertiary);display:inline-flex;flex:0 0 24px;font-size:24px;height:24px;justify-content:center;line-height:24px;width:24px}.blog-index__breadcrumb-link,.blog-index__breadcrumb-current{display:block;font-size:var(--body-small-size);line-height:var(--body-small-line-height);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.blog-index__breadcrumb-link{color:var(--color-text-page-container-tertiary)}.blog-index__breadcrumb-current{color:var(--color-text-link);font-weight:var(--weight-semibold)}.blog-index__hero-copy{display:grid;gap:var(--space-4)}.blog-index__heading{color:var(--color-text-page-container);font-size:var(--h1-size);font-weight:var(--weight-semibold);letter-spacing:var(--h1-letter-spacing);line-height:var(--h1-line-height);margin:0}.blog-index__subheading{color:var(--color-text-page-container-secondary);font-size:var(--body-medium-size);font-weight:var(--weight-medium);line-height:var(--body-medium-line-height);margin:0;max-width:699px}.blog-index__divider{grid-column:1 / -1}.blog-index__section-container{display:flex;flex-direction:column;gap:var(--space-8);max-width:1440px;padding-bottom:var(--padding-xl);padding-top:var(--padding-xl)}.blog-index__section-container--topics{padding-top:0}.blog-index__section-header{align-items:center;display:flex;justify-content:center;min-width:0;width:100%}.blog-index__section-heading{color:var(--color-text-page-container);font-size:var(--h2-size);font-weight:var(--weight-semibold);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height);margin:0;text-align:center}.blog-index__cards{display:grid;gap:var(--space-5);min-width:0;width:100%}.article-card{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;transition:opacity var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard);width:100%}.article-card__media{aspect-ratio:350 / 201.3036651611;border-radius:8px;display:block;overflow:hidden;position:relative;text-decoration:none;width:100%}.article-card__media:after{background:linear-gradient(180deg,#6660 62.816%,#00000080 91.456%);border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:opacity var(--motion-duration-standard) var(--motion-ease-standard);z-index:2}.article-card__media:before{background:radial-gradient(circle at 50% 92%,color-mix(in srgb,var(--color-primary-500) 26%,transparent),transparent 48%);border-radius:inherit;content:"";inset:auto 0 0;height:45%;opacity:0;pointer-events:none;position:absolute;transform:translateY(16px);transition:opacity var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard);z-index:1}.article-card__image,.article-card__placeholder,.article-card__placeholder-svg{display:block;height:100%;width:100%}.article-card__image{object-fit:cover;transition:transform var(--motion-duration-reveal) var(--motion-ease-expressive)}.article-card__placeholder{background:var(--color-background-inverted-subtle)}.article-card__placeholder-svg{color:var(--color-text-page-container-tertiary);object-fit:cover}.article-card__content{display:grid;gap:10px;min-width:0}.article-card__date{color:var(--color-text-page-container-tertiary);display:block;font-size:12px;font-weight:var(--weight-regular);letter-spacing:0;line-height:14px;text-transform:uppercase}.article-card__title{color:var(--color-text-page-container);display:-webkit-box;font-size:var(--body-medium-size);font-weight:var(--weight-semibold);height:64px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--body-medium-line-height);margin:0;overflow:hidden;text-overflow:ellipsis}.article-card__title a{color:inherit;text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.article-card__media:focus-visible,.article-card__title a:focus-visible,.blog-index__breadcrumb-link:focus-visible,.blog-index__topic-pill:focus-visible,.blog-index-pagination a:focus-visible,.blog-index-pagination button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.blog-index__topic-list{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.blog-index__topic-pill{align-items:center;background:transparent;border:0;border-radius:12px;color:var(--color-text-page-container);cursor:pointer;display:flex;flex:0 0 auto;font-family:var(--font-body-family);font-size:20px;font-weight:var(--weight-regular);gap:4px;justify-content:flex-start;line-height:32px;padding:8px 12px;text-decoration:none;transition:background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);white-space:nowrap}.blog-index__topic-pill.is-active{background:var(--color-background-neutral);color:var(--color-text-primary)}.blog-index__topic-pill[aria-disabled=true]{color:var(--color-input-disabled-text);cursor:default}.blog-index__topic-pill[href]:hover,.blog-index__topic-pill[href]:focus-visible{transform:translateY(var(--motion-hover-lift))}@media(hover:hover){.article-card:hover{transform:translateY(var(--motion-hover-lift))}.article-card:hover .article-card__image{transform:scale(1.055)}.article-card:hover .article-card__media:before{opacity:1;transform:translateY(0)}.article-card:hover .article-card__media:after{opacity:.88}.article-card__title a:hover{color:var(--color-text-link)}}.blog-index__sort{align-self:flex-start;position:relative}.blog-index__empty{color:var(--color-text-page-container-secondary);font-size:var(--body-medium-size);line-height:var(--body-medium-line-height);margin:0;text-align:center}.blog-index-pagination{margin-top:var(--space-10)}.blog-index [x-cloak]{display:none!important}@media screen and (max-width:767px){.blog-index__section-heading{white-space:nowrap}}@media screen and (min-width:768px){.blog-index__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card__media{aspect-ratio:434.6666666667 / 250}.article-card__date{font-size:var(--caption-small-size);letter-spacing:var(--caption-small-letter-spacing);line-height:var(--caption-small-line-height)}}@media screen and (min-width:1024px){.blog-index__hero-container{gap:var(--space-8);padding:80px var(--padding-side) var(--space-9)}.blog-index__section-container{gap:var(--space-8);padding:80px var(--padding-side)}.blog-index__section-container--topics{padding-top:0}.blog-index__section-container--topics .blog-index__topic-list{margin-bottom:var(--space-2)}.blog-index__topic-list{column-gap:var(--space-4);row-gap:var(--space-8)}.blog-index__topic-pill{min-height:48px}.blog-index__cards--listing{margin-top:var(--space-2)}}@media(prefers-reduced-motion:reduce){.article-card,.article-card__image,.article-card__media:before,.article-card__media:after,.article-card__title a,.blog-index__topic-pill{transition:none}.article-card:hover,.article-card:hover .article-card__image,.blog-index__topic-pill[href]:hover,.blog-index__topic-pill[href]:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-blog.css.map */