.sub-blog__list{display:grid;gap:48px 32px}@media(min-width:750px){.sub-blog__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.sub-blog__list{grid-template-columns:repeat(3,1fr)}}.sub-blog__card{display:block;color:inherit;text-decoration:none}.sub-blog__card .top-photo img{transition:transform .8s var(--top-ease)}.sub-blog__meta{margin-top:16px;display:flex;gap:16px;font-family:var(--top-font-en);font-size:16px;line-height:1.4;letter-spacing:.1em;color:var(--top-color-text-sub);font-variant-numeric:lining-nums}.sub-blog__author{font-family:var(--top-font-sans);font-size:13px;letter-spacing:.05em}.sub-blog__title{margin-top:6px;font-weight:700;line-height:1.7;color:var(--top-color-navy)}.sub-blog__excerpt{margin-top:8px;font-size:14px;line-height:1.8;color:var(--top-color-text-sub)}.sub-blog__title span{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) right bottom / 0 1px no-repeat;transition:background-size .4s ease}@media(any-hover:hover){.sub-blog__card:hover .top-photo img{transform:scale(1.05)}.sub-blog__card:hover .sub-blog__title span{background-position:left bottom;background-size:100% 1px}}.sub-blog__card:focus-visible .sub-blog__title span{background-position:left bottom;background-size:100% 1px}.sub-blog__empty{padding:48px 24px;border:1px dashed var(--top-color-line);text-align:center;color:var(--top-color-text-sub)}.sub-pagination{margin-top:var(--top-space-content);display:flex;justify-content:center;align-items:center;gap:8px;font-family:var(--top-font-en);font-size:18px;font-variant-numeric:lining-nums}.sub-pagination ol{display:flex;gap:8px;margin:0;padding:0;list-style:none}.sub-pagination :is(a,span){display:grid;place-items:center;min-width:44px;height:44px;padding-inline:8px;border-radius:var(--top-radius-pill);color:var(--top-color-navy);text-decoration:none;transition:background-color .3s ease,color .3s ease}.sub-pagination [aria-current=page]{background:var(--top-color-navy);color:var(--top-color-white)}.sub-pagination .sub-pagination__gap{color:var(--top-color-text-sub)}@media(any-hover:hover){.sub-pagination a:hover{background:var(--top-color-aqua-pale)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sub-blog.css.map */