.blog-index{--blog-ink: #0a162b;--blog-muted: #949494;--blog-body: #5b6880;--blog-border: #e8e9ee;--blog-gutter: 20px;--blog-row-gap: 40px;--blog-card-min: 282px;--blog-media-height: 244px;background-color:#fff;padding-left:20px;padding-right:20px}.blog-index__container{max-width:1270px;margin:0 auto}.blog-index__intro{display:flex;flex-direction:column;gap:8px;overflow-wrap:break-word}.blog-index__title{font-family:var(--font-medium-family);font-weight:500;font-size:32px;line-height:1.3;color:var(--blog-ink);margin:0}.blog-index__subtitle{font-family:var(--font-body-family);font-size:15px;line-height:25px;color:var(--blog-body);max-width:553px;margin:0}.blog-index__nav{margin-top:48px;border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-index__nav::-webkit-scrollbar{display:none}.blog-index__nav-list{display:flex;gap:40px;align-items:center;list-style:none;margin:0;padding:20px 0;white-space:nowrap}.blog-index__nav-link{font-family:var(--font-body-family);font-size:16px;line-height:normal;color:var(--blog-muted);text-decoration:none;transition:color .2s ease}.blog-index__nav-link:hover{color:var(--blog-ink)}.blog-index__nav-link.is-active{font-family:var(--font-medium-family);font-weight:500;color:var(--blog-ink)}.blog-index__nav-hint{margin:16px 0 0;padding:12px 16px;border:1px dashed var(--blog-border);border-radius:8px;font-family:var(--font-body-family);font-size:13px;line-height:20px;color:var(--blog-body)}.blog-index__list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:var(--blog-row-gap) var(--blog-gutter)}.blog-index__list+.blog-index__list,.blog-index__list+.blog-featured,.blog-featured+.blog-index__list{margin-top:48px}.blog-card{flex:1 0 0;min-width:var(--blog-card-min);display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit}.blog-card__media{position:relative;height:var(--blog-media-height);border-radius:8px;overflow:hidden;background-color:#f4f5f8}.blog-card__media img,.blog-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__media img{transform:scale(1.03)}.blog-card__text{display:flex;flex-direction:column;gap:14px;letter-spacing:-.5px;overflow-wrap:break-word}.blog-card__title{font-family:var(--font-medium-family);font-weight:500;font-size:16px;line-height:normal;color:var(--blog-ink);margin:0}.blog-card__date{font-family:var(--font-body-family);font-size:14px;line-height:normal;color:var(--blog-muted)}.blog-featured{border-radius:24px;padding:40px;background:linear-gradient(106.85deg,#f8f7ff 3%,#f3f8ff 101.56%)}.blog-featured__inner{display:flex;align-items:center;gap:16px;min-height:314px;text-decoration:none;color:inherit}.blog-featured__text{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;overflow-wrap:break-word}.blog-featured__badge{display:inline-block;padding:4px 8px;border-radius:4px;background-color:#c4e7d0;color:#1c1d22;font-family:var(--font-body-family);font-size:12px;line-height:16px}.blog-featured__title{font-family:var(--font-medium-family);font-weight:500;font-size:28px;line-height:41px;letter-spacing:-1px;color:var(--blog-ink);max-width:420px;margin:0}.blog-featured__date{font-family:var(--font-body-family);font-size:14px;line-height:normal;letter-spacing:-.5px;color:var(--blog-muted)}.blog-featured__media{flex:1 0 0;min-width:0;align-self:stretch;position:relative;height:314px;border-radius:12px;overflow:hidden}.blog-featured__media img,.blog-featured__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-index .pagination-wrapper{margin-top:48px}@media screen and (max-width:989px){.blog-featured{padding:32px}.blog-featured__inner{flex-direction:column;align-items:stretch;gap:24px;min-height:0}.blog-featured__media{height:240px;order:-1}.blog-featured__title{max-width:none}}@media screen and (max-width:749px){.blog-index__title{font-size:26px}.blog-index__nav{margin-top:32px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.blog-index__nav-list{gap:24px}.blog-index__list{--blog-row-gap: 32px}.blog-index__list+.blog-index__list,.blog-index__list+.blog-featured,.blog-featured+.blog-index__list{margin-top:32px}.blog-featured{padding:24px;border-radius:16px}.blog-featured__title{font-size:24px;line-height:34px;letter-spacing:-.5px}.blog-card{min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/278/assets/section-blog-index.css.map */