.dev-blog{background-color:var(--bg);color:var(--color);font-family:var(--font-body);padding:var(--pt) var(--section-px) var(--pb)}.dev-blog__inner{display:flex;flex-direction:column;gap:var(--gap-section);width:100%;max-width:var(--container-max);margin:0 auto}.dev-blog[id]{scroll-margin-top:var(--gap-head)}.dev-blog__head{display:flex;flex-direction:column;gap:var(--gap-head)}.dev-blog__title{margin:0;font-family:var(--font-heading);font-size:var(--font-title-size);font-weight:var(--font-heading-weight);line-height:var(--font-title-lh);color:var(--color)}.dev-blog__title--stacked{width:min-content}.dev-blog--centred .dev-blog__head{align-items:center;text-align:center}.dev-blog--centred .dev-blog__filter{justify-content:center}.dev-blog__leaf{display:block;width:var(--leaf-size);height:auto;margin-block-end:calc(var(--leaf-gap) - var(--gap-head));color:var(--leaf);flex-shrink:0}.dev-blog__intro{margin:0;font-size:var(--font-intro-size);font-weight:var(--font-intro-weight);line-height:var(--font-body-lh);color:var(--color)}.dev-blog__filter{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--gap-filter);margin-top:calc(var(--gap-section) * -1 + var(--spacing-md))}.dev-blog__chip{display:inline-flex;align-items:center;padding:var(--filter-py) var(--filter-px);border-radius:var(--radius-filter);background-color:var(--chip);font-size:var(--filter-size);font-weight:var(--badge-font-weight);line-height:var(--badge-lh);color:var(--color);text-decoration:none;white-space:nowrap;transition:opacity .15s ease-out}.dev-blog__chip:hover{opacity:.75}.dev-blog__chip--active{background-color:var(--chip-active);color:var(--chip-active-text)}.dev-blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-min),calc((100% - (2 * var(--gap-grid))) / 3)),1fr));gap:var(--gap-grid);margin:0;padding:0;list-style:none}.dev-blog__pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--pagination-gap);padding-top:var(--spacing-lg);border-top:1px solid var(--rule)}.dev-blog__page{display:inline-flex;align-items:center;justify-content:center;min-width:var(--pagination-size);height:var(--pagination-size);padding:0 var(--spacing-sm);border-radius:var(--radius-filter);font-size:var(--filter-size);font-weight:var(--badge-font-weight);color:var(--color);text-decoration:none;transition:background-color .15s ease-out}.dev-blog__page:hover{background-color:var(--chip)}.dev-blog__page--current{background-color:var(--chip-active);color:var(--chip-active-text)}.dev-blog__page--gap{color:var(--muted);pointer-events:none}.dev-blog__page--arrow svg{display:block;width:var(--cta-icon-size);height:var(--cta-icon-size)}.dev-blog__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) 0;color:var(--muted)}.dev-blog__empty p{margin:0;font-size:var(--font-intro-size);line-height:var(--font-body-lh)}@media(max-width:768px){.dev-blog{padding-left:var(--section-px-m);padding-right:var(--section-px-m);padding-top:min(var(--pt),var(--pt-m))}.dev-blog__title{font-size:var(--font-title-size-m)}.dev-blog__title--stacked-m{width:min-content}.dev-blog__intro{font-size:var(--font-intro-size-m)}.dev-blog__leaf{width:var(--leaf-size-m)}.dev-blog__grid{grid-template-columns:1fr;gap:var(--gap-grid-m)}}.dev-blog__chip:focus-visible,.dev-blog__page:focus-visible{outline:2px solid var(--color);outline-offset:2px}.dev-blog__chip:focus:not(:focus-visible),.dev-blog__page:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.dev-blog,.dev-blog *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dev-blog .journal-cards__image{height:auto;aspect-ratio:1 / 1}@media(max-width:768px){.dev-blog .journal-cards__image{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/dev-blog.css.map */