.blog-index{--bi-surface: #fff;--bi-sunken: #f4f4f6;--bi-ink: #000;--bi-body: #3c3b3b;--bi-muted: #6f6d78;--bi-current: #e9e8fd;--bi-radius: 16px;--bi-radius-sm: 10px;--bi-pill: 999px;display:block;margin-bottom:60px}.blog-index__layout{display:flex;flex-direction:column;gap:24px}.blog-index__main{display:flex;min-width:0;flex-direction:column}.blog-index__intro-media{border-radius:var(--bi-radius);overflow:hidden;background-color:var(--bi-sunken)}.blog-index__intro-image{display:block;width:100%;height:auto}.blog-index__intro-image--desktop{display:none}.blog-index__filters{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-inline:-4px;padding-inline:4px;padding-block:2px}.blog-index__filters::-webkit-scrollbar{display:none}.blog-index__filter{flex:0 0 auto;padding:9px 18px;border:1px solid transparent;border-radius:var(--bi-pill);background-color:var(--bi-surface);color:var(--bi-body);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.blog-index__filter:hover{border-color:var(--bi-ink);color:var(--bi-ink)}.blog-index__filter[aria-pressed=true]{border-color:var(--bi-ink);background-color:var(--bi-ink);color:var(--bi-surface)}.blog-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.blog-index__empty{margin:0;padding:40px 0;color:var(--bi-body);font-size:15px;line-height:1.5;text-align:center}.blog-index-card{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none}.blog-index-card[hidden]{display:none}.blog-index-card__media{margin-bottom:10px;border-radius:var(--bi-radius-sm);overflow:hidden;background-color:var(--bi-sunken)}.blog-index-card__image{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .4s ease}.blog-index-card:hover .blog-index-card__image{transform:scale(1.04)}.blog-index-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--bi-muted);font-size:11px;font-weight:400;line-height:1.3}.blog-index-card__reading-time{flex:0 0 auto}.blog-index-card__title{margin:0 0 4px;color:var(--bi-ink);font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:break-word}.blog-index-card:hover .blog-index-card__title{text-decoration:underline;text-underline-offset:2px}.blog-index-card__footer{display:flex;flex:1;align-items:flex-end;justify-content:space-between;gap:12px}.blog-index-card__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;color:var(--bi-body);font-size:13px;line-height:1.45}.blog-index-card__arrow{flex:0 0 auto;color:var(--bi-ink);line-height:0;transition:transform .22s ease}.blog-index-card:hover .blog-index-card__arrow{transform:translate(4px)}.blog-index__pagination{display:flex;justify-content:center;margin-top:32px}.blog-index__pages{display:flex;align-items:center;gap:5px;margin:0;padding:0;list-style:none}.blog-index__page,.blog-index__page-gap{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:5px;background-color:transparent;color:var(--bi-ink);font-size:14px;font-weight:400;line-height:1.4;transition:background-color .18s ease}.blog-index__page{cursor:pointer}.blog-index__page:hover{background-color:var(--bi-sunken)}.blog-index__page[aria-current=page]{background-color:var(--bi-current)}.blog-index__page-gap{color:var(--bi-muted);cursor:default}@media only screen and (min-width:768px){.blog-index__grid{gap:32px 20px}.blog-index-card__title{font-size:16px}}@media only screen and (min-width:1024px){.blog-index{margin-bottom:80px}.blog-index__layout{display:grid;grid-template-columns:340px minmax(0,1fr);column-gap:40px;align-items:start}.blog-index__rail{align-self:stretch;min-height:0}.blog-index__intro{position:sticky;top:calc(var(--header-height) + 24px)}.blog-index__intro-image--mobile{display:none}.blog-index__intro-image--desktop{display:block}.blog-index__filters{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}.blog-index__filter{padding:7px 14px;font-size:12px}}@media only screen and (min-width:1280px){.blog-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}}@media(prefers-reduced-motion:reduce){.blog-index *,.blog-index *:before,.blog-index *:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/530/assets/new-blog.css.map */