.dev-blog{--dev-blog-x: var(--container-pad, 32px);--dev-blog-y: 44px;--dev-blog-gap: 32px;color:var(--ds-gray-900, #1e1c1a)}@media screen and (max-width:749px){.dev-blog{--dev-blog-x: 16px;--dev-blog-y: 32px;--dev-blog-gap: 24px}}.dev-blog__intro{display:flex;flex-direction:column;gap:32px;padding:var(--dev-blog-y) var(--dev-blog-x)}.dev-blog__eyebrow{margin:0;font-family:var(--font-body--family);font-size:var(--font-body_s--size, 14px);font-weight:var(--font-body--weight);letter-spacing:.04em;line-height:1;text-transform:uppercase;color:var(--ds-gray-900, #1e1c1a)}.dev-blog__heading{margin:0;font-family:var(--font-h5--family);font-size:var(--font-h5--size, 40px);font-weight:500;line-height:1;color:var(--ds-gray-900, #1e1c1a)}@media screen and (max-width:749px){.dev-blog__intro{gap:16px}.dev-blog__heading{font-size:var(--font-h7--size, 28px)}}.dev-blog-card{display:flex;flex-direction:column;align-items:stretch;min-width:0}.dev-blog-card__media{display:block;aspect-ratio:708 / 392;overflow:hidden;background:var(--ds-gray-050, #f7f7f7)}.dev-blog-card__img,.dev-blog-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.dev-blog-card__placeholder{background:var(--ds-gray-100, #f2f2f2)}.dev-blog-card__media:hover .dev-blog-card__img{transform:scale(1.03)}.dev-blog-card__body{display:flex;flex-direction:column;gap:32px;align-items:flex-start;padding:32px 32px 44px 0}.dev-blog-card__meta{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}.dev-blog-card__meta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dev-blog-card__category{margin:0;font-family:var(--font-body--family);font-size:var(--font-body_xs--size, 12px);font-weight:var(--font-body--weight);letter-spacing:.08em;line-height:1;text-transform:uppercase;color:var(--ds-gray-900, #1e1c1a)}.dev-blog-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;background:#dadfbe;color:#2b3816;font-family:var(--font-body--family);font-size:var(--font-body_xxs--size, 11px);font-weight:var(--font-body--weight);letter-spacing:.08em;line-height:1;text-transform:uppercase}.dev-blog-card__title{margin:0;font-family:var(--font-h8--family);font-size:var(--font-h8--size, 23px);font-weight:500;line-height:1.2;color:var(--ds-gray-900, #1e1c1a)}.dev-blog-card__title a{color:inherit;text-decoration:none}.dev-blog-card__title a:hover,.dev-blog-card__title a:focus-visible{text-decoration:underline}.dev-blog-card__date{font-family:var(--font-body--family);font-size:var(--font-body_s--size, 14px);font-weight:var(--font-body--weight);line-height:1.4;color:var(--ds-gray-500, #868889)}.dev-blog-card__excerpt{margin:0;max-width:585px;font-family:var(--font-body--family);font-size:var(--font-body_m--size, 16px);font-weight:var(--font-body--weight);line-height:1.5;color:var(--ds-gray-800, #383935)}.dev-blog-card__read-more{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--ds-gray-900, #1e1c1a)}.dev-blog-card__read-more .dev-ds-icon{width:16px;height:16px;flex-shrink:0}@media(hover:hover)and (pointer:fine){.dev-blog-card:not(.dev-blog-card--featured) .dev-blog-card__read-more{opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.dev-blog-card:not(.dev-blog-card--featured):hover .dev-blog-card__read-more,.dev-blog-card:not(.dev-blog-card--featured):focus-within .dev-blog-card__read-more{opacity:1;transform:translateY(0)}}.dev-blog__featured{width:100%}.dev-blog-card--featured .dev-blog-card__media{aspect-ratio:708 / 392;width:100%}.dev-blog-card--featured .dev-blog-card__body{gap:44px;width:100%;padding:44px var(--dev-blog-x);background:var(--ds-gray-050, #f7f7f7)}.dev-blog-card--featured .dev-blog-card__title{font-family:var(--font-h6--family);font-size:var(--font-h6--size, 33px);line-height:1;max-width:1063px}.dev-blog-card--featured .dev-blog-card__meta{gap:24px}@media screen and (max-width:749px){.dev-blog-card__body{gap:24px;padding:24px 0 32px}.dev-blog-card--featured .dev-blog-card__body{gap:24px;padding:32px var(--dev-blog-x)}.dev-blog-card--featured .dev-blog-card__title{font-size:var(--font-h8--size, 23px);line-height:1.2}}.dev-blog__listing{display:flex;flex-direction:column;gap:32px;padding:44px 0}.dev-blog__toolbar{padding:32px var(--dev-blog-x);border-bottom:1px solid var(--ds-gray-100, #f2f2f2)}.dev-blog__tags{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;min-width:0}.dev-blog__tag{font-family:var(--font-body--family);font-size:var(--font-body_m--size, 16px);font-weight:var(--font-body--weight);line-height:1;color:var(--ds-gray-600, #6b6f6e);text-decoration:none;white-space:nowrap}.dev-blog__tag:hover,.dev-blog__tag:focus-visible{color:var(--ds-gray-900, #1e1c1a)}.dev-blog__tag.is-active{font-weight:500;color:var(--ds-gray-900, #1e1c1a);text-decoration:underline;text-underline-offset:.2em}@media screen and (max-width:749px){.dev-blog__toolbar{padding:24px var(--dev-blog-x)}.dev-blog__tags{flex-wrap:nowrap;overflow-x:auto;gap:16px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dev-blog__tags::-webkit-scrollbar{display:none}}.dev-blog__grid-wrap{padding:0 var(--dev-blog-x)}.dev-blog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}@media screen and (max-width:749px){.dev-blog__listing{gap:24px;padding:32px 0}.dev-blog__grid{grid-template-columns:1fr;gap:32px}}.dev-blog__pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:88px var(--dev-blog-x);border-bottom:1px solid var(--ds-gray-100, #f2f2f2)}.dev-blog__pagination-count{margin:0;font-family:var(--font-body--family);font-size:var(--font-body_m--size, 16px);line-height:1;color:var(--ds-gray-500, #868889)}.dev-blog__pagination-nav{display:flex;align-items:center;gap:16px;justify-content:center}.dev-blog__page-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--ds-gray-900, #1e1c1a);text-decoration:none}.dev-blog__page-btn.is-disabled{opacity:.3;pointer-events:none}.dev-blog__page-btn .dev-ds-icon{width:16px;height:16px}.dev-blog__page-status{display:flex;align-items:center;gap:8px;font-family:var(--font-body--family);font-size:var(--font-body_m--size, 16px);color:var(--ds-gray-900, #1e1c1a)}.dev-blog__page-current{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 4px;border:1px solid var(--ds-gray-200, #e7e6e6);background:var(--ds-gray-000, #fff)}@media screen and (max-width:749px){.dev-blog__pagination{grid-template-columns:1fr;justify-items:center;gap:20px;padding:48px var(--dev-blog-x);text-align:center}}.dev-article__hero{display:grid;grid-template-columns:minmax(0,525px) minmax(0,1fr);align-items:stretch;min-height:838px}.dev-article__hero--no-media{grid-template-columns:1fr;min-height:0}.dev-article__hero-copy{display:flex;flex-direction:column;gap:44px;justify-content:flex-start;padding:44px var(--dev-blog-x)}.dev-article__title{margin:0;font-family:var(--font-h5--family);font-size:var(--font-h5--size, 40px);font-weight:500;line-height:1.2;color:var(--ds-gray-900, #1e1c1a)}.dev-article__hero-meta{display:flex;flex-direction:column;gap:16px}.dev-article__hero-media{min-width:0;min-height:100%;overflow:hidden;background:var(--ds-gray-050, #f7f7f7)}.dev-article__hero-media img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;object-position:center}@media screen and (max-width:989px){.dev-article__hero{grid-template-columns:1fr;min-height:0}.dev-article__hero-copy{order:2;gap:24px;padding:32px var(--dev-blog-x)}.dev-article__hero-media{order:1;aspect-ratio:708 / 392}.dev-article__hero-media img{min-height:0}.dev-article__title{font-size:var(--font-h7--size, 28px)}}.dev-article__content{padding:var(--dev-blog-y) 0 0}.dev-article__content .rte{width:100%}.dev-article__content rte-formatter{display:flex;flex-direction:column;width:100%}.dev-article__content rte-formatter>p,.dev-article__content rte-formatter>h2,.dev-article__content rte-formatter>h3,.dev-article__content rte-formatter>ul,.dev-article__content rte-formatter>ol,.dev-article__content rte-formatter>blockquote{max-width:708px;width:100%;margin-inline:auto;padding-inline:var(--dev-blog-x)}.dev-article__content rte-formatter>p:first-of-type{max-width:none;margin-inline:0;padding:44px var(--dev-blog-x);font-family:var(--font-h6--family);font-size:var(--font-h6--size, 33px);font-weight:500;line-height:1.2;color:var(--ds-gray-900, #1e1c1a)}.dev-article__content .rte p,.dev-article__content .BlogPost__Text p{font-family:var(--font-body--family);font-size:var(--font-body_l--size, 19px);font-weight:var(--font-body--weight);line-height:1.4;color:var(--ds-gray-600, #6b6f6e)}.dev-article__content .rte h2,.dev-article__content .rte h3,.dev-article__content .BlogPost__Text h2,.dev-article__content .BlogPost__Text h3{margin:0 0 16px;font-family:var(--font-h6--family);font-size:var(--font-h6--size, 33px);font-weight:500;line-height:1.2;color:var(--ds-gray-900, #1e1c1a)}.dev-article__content .rte img,.dev-article__content .BlogPost__Block img{display:block;width:100%;height:auto}.dev-article__content rte-formatter>p:has(>img:only-child),.dev-article__content rte-formatter>figure{max-width:none;width:100%;padding-inline:var(--dev-blog-x);margin-block:44px}.dev-article__content .rte a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.dev-article__content .BlogPost__Block{width:100%;box-sizing:border-box}.dev-article__content .BlogPost__Text{max-width:831px;margin-inline:auto;padding:44px var(--dev-blog-x)}.dev-article__content .BlogPost__Text>*:last-child{margin-bottom:0}.dev-article__content .BlogPost__ImgWrap{display:grid;gap:32px;padding:44px var(--dev-blog-x)}.dev-article__content .BlogPost__ImgWrap.lg{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-article__content .BlogPost__ImgWrap.full{grid-template-columns:minmax(0,708px);justify-content:center}.dev-article__content .BlogPost__ImgWrap .BlogPost__BlockRow{min-width:0}.dev-article__content .BlogPost__ImgWrap img{width:100%;height:auto;aspect-ratio:708 / 942;object-fit:cover}.dev-article__content .BlogPost__ImgWrap.full img{aspect-ratio:auto}.dev-article__content .BlogPost__QuoteWrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:44px var(--dev-blog-x)}.dev-article__content .BlogPost__QuoteWrap .BlogPost__BlockRow--quote{display:flex;flex-direction:column;gap:24px}.dev-article__content .BlogPost__QuoteWrap .Quote{margin:0;font-family:var(--font-h6--family);font-size:var(--font-h6--size, 33px);font-weight:500;line-height:1.2;color:var(--ds-gray-900, #1e1c1a)}.dev-article__content .BlogPost__QuoteWrap .Author{margin:0;font-family:var(--font-body--family);font-size:var(--font-body_m--size, 16px);line-height:1.4;color:var(--ds-gray-500, #868889)}@media screen and (max-width:989px){.dev-article__content .BlogPost__ImgWrap.lg,.dev-article__content .BlogPost__QuoteWrap{grid-template-columns:1fr}.dev-article__content .BlogPost__ImgWrap img{aspect-ratio:4 / 5}}@media screen and (max-width:749px){.dev-article__content rte-formatter>p:first-of-type{padding:32px var(--dev-blog-x);font-size:var(--font-h8--size, 23px)}.dev-article__content .rte p,.dev-article__content .BlogPost__Text p{font-size:var(--font-body_m--size, 16px)}.dev-article__content .rte h2,.dev-article__content .rte h3,.dev-article__content .BlogPost__Text h2,.dev-article__content .BlogPost__Text h3,.dev-article__content .BlogPost__QuoteWrap .Quote{font-size:var(--font-h8--size, 23px)}.dev-article__content .BlogPost__Text,.dev-article__content .BlogPost__ImgWrap,.dev-article__content .BlogPost__QuoteWrap{padding:32px var(--dev-blog-x)}}.dev-article__back{padding:44px var(--dev-blog-x) 0}.dev-article .blog-post-comments-container{width:100%;max-width:var(--normal-content-width);margin:0 auto;padding:44px var(--dev-blog-x)}.dev-article .blog-post-comments{display:flex;flex-direction:column;gap:var(--gap-3xl)}.dev-article .blog-post-comment__author{display:flex;align-items:center;gap:var(--gap-2xs);margin-top:var(--margin-md);font-size:var(--font-size--body-sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.dev-article .blog-post-comments-pagination{display:flex;justify-content:center;gap:var(--gap-2xs)}.dev-article .blog-post-comments-pagination,.dev-article .blog-post-comments-pagination a{color:var(--color-foreground)}.dev-article .blog-post-comments-pagination .current,.dev-article .blog-post-comments-pagination a{display:block;padding:var(--padding-2xs) var(--padding-xs)}.dev-article .blog-post-comments-pagination .current,.dev-article .blog-post-comments-pagination a:hover{border-bottom:1px solid var(--color-foreground)}.dev-article-related__row{display:flex;align-items:flex-start;gap:32px;width:100%;padding:88px var(--dev-blog-x) 44px}.dev-article-related__kicker{flex:1 0 0;min-width:0;margin:0;font-family:var(--font-body--family);font-size:var(--font-body_s--size, 14px);font-weight:var(--font-body--weight);letter-spacing:.04em;line-height:1;text-transform:uppercase;color:var(--ds-gray-900, #1e1c1a)}.dev-article-related__list{display:flex;flex-direction:column;align-items:stretch;gap:32px;flex:0 1 955px;width:100%;max-width:955px;min-width:0}.dev-article-related__list .dev-blog-card{width:100%}@media screen and (max-width:989px){.dev-article-related__row{flex-direction:column;gap:24px;padding:48px var(--dev-blog-x) 32px}.dev-article-related__kicker{flex:none;width:100%}.dev-article-related__list{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/332/assets/dev-blog.css.map */