.figma-blog-list{padding-top:48px;padding-bottom:80px}.figma-blog-list__heading{margin:0 0 40px;color:#160102;text-align:center;font-family:PP Nikkei Maru,sans-serif;font-size:clamp(34px,4vw,59px);font-style:normal;font-weight:400;line-height:1.1}.figma-blog-list__layout{display:grid;gap:40px;grid-template-columns:256px minmax(0,1fr);align-items:start}.figma-blog-list__filters{display:grid;gap:8px;position:sticky;top:20px}.figma-blog-list__filter-pill{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:60px;border:1px solid #d8d5cf;background:#fff;color:#160102;padding:14px 20px;text-decoration:none;font-family:PP Nikkei Maru,sans-serif;font-size:20px;line-height:1.2;width:100%;cursor:pointer}button.figma-blog-list__filter-pill{font-family:PP Nikkei Maru,sans-serif;font-size:inherit;font-weight:inherit;text-align:left;box-sizing:border-box;appearance:none;-webkit-appearance:none}button.figma-blog-list__page-link{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer}.figma-blog-list__filter-pill.is-active{border-color:#160102;background:#160102;color:#fff}.figma-blog-list__filter-count{color:#9a948f;font-family:Inter,sans-serif;font-size:14px}.figma-blog-list__filter-pill.is-active .figma-blog-list__filter-count{color:#cbc9c2}.figma-blog-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.figma-blog-list__card-image-wrap{display:block;border-radius:16px;overflow:hidden;background:#ebede4}.figma-blog-list__card-image-wrap img,.figma-blog-list__card-placeholder{width:100%;aspect-ratio:312 / 259;object-fit:cover;display:block;transition:transform .4s ease}.figma-blog-list__card-image-wrap:hover img{transform:scale(1.1)}.figma-blog-list__card-body{padding-top:20px}.figma-blog-list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;color:#9a948f;font-family:Neue Montreal,sans-serif;font-size:14px;line-height:1.4}.figma-blog-list__tag{display:inline-block;border-radius:999px;background:#ebede4;color:#373629;padding:2px 10px}.figma-blog-list__card-title{margin:0;color:#160102;font-family:PP Nikkei Maru,sans-serif;font-size:clamp(22px,2vw,25px);font-style:normal;font-weight:400;line-height:1.2}.figma-blog-list__card-title a{color:inherit;text-decoration:none}.figma-blog-list__card-title a:hover{color:var(--link-hover-color)}.figma-blog-list__pagination{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:16px}.figma-blog-list__page-link{display:inline-flex;justify-content:center;align-items:center;color:#9a948f;text-decoration:none;border:0;background:transparent;cursor:pointer;font-size:16px}.figma-blog-list__page-link.is-active{color:#160102;font-weight:600}.figma-blog-list__page-link:disabled{display:none}.figma-blog-list__empty{margin:0;color:#9a948f}.figma-blog-list--filter-active .figma-blog-list__grid--ssr{display:none!important}.figma-blog-list--filter-active .figma-blog-list__grid--client{display:grid!important}@media(max-width:1024px){.figma-blog-list__layout{grid-template-columns:1fr}.figma-blog-list__filters{position:static;grid-template-columns:repeat(2,minmax(0,1fr));display:none}.figma-blog-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.figma-blog-list__heading{margin-bottom:28px}.figma-blog-list__filters{grid-template-columns:1fr}.figma-blog-list__filter-pill{font-size:18px}.figma-blog-list__grid{grid-template-columns:1fr;gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/figma-blog-list.css.map */