@layer ds.tokens,ds.base;@layer ds.components{.m2-blog-page{--section-y:var(--section-y-data)}.m2-blog-hero{--hero-art:min(34%, 26rem);isolation:isolate;position:relative}.m2-blog-hero .m2-page-header{padding-block:var(--space-4) var(--space-6);gap:var(--space-3)}.m2-blog-hero__art{z-index:-1;inline-size:var(--hero-art);object-fit:cover;object-position:50% 30%;mix-blend-mode:multiply;opacity:.8;pointer-events:none;block-size:100%;position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}[data-theme=dark] .m2-blog-hero__art{filter:invert();mix-blend-mode:screen;opacity:.5}@media (max-width:767px),(forced-colors:active){.m2-blog-hero__art{display:none}}.m2-blog-hero .m2-page-header__main{gap:var(--space-3);max-width:min(52ch,100%)}.m2-blog-hero .m2-page-header__title{text-wrap:balance;font-size:clamp(2rem,1.55rem + 1.6vw,3.25rem);line-height:1.08}.m2-blog-hero .m2-page-header__lede{font-size:var(--text-body-md);line-height:var(--leading-body);max-width:52ch}@media (min-width:768px){.m2-blog-hero .m2-page-header__main,.m2-blog-hero .m2-breadcrumb{max-width:min(52ch, calc(100% - var(--hero-art) - var(--space-6)))}}.m2-blog-toolbar{padding-block:0 var(--space-6)}.m2-blog-filters{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.m2-blog-filters__search{max-width:40rem}.m2-blog-filters__search .m2-btn{flex:none}.m2-blog-filters__group{gap:var(--space-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@media (min-width:1024px){.m2-blog-filters__group .m2-chip-row--scroll{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.m2-blog-filters__tags{align-items:start;column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.m2-blog-filters__tags>.m2-chip-row,.m2-blog-filters__more{grid-column:2}.m2-blog-filters__legend{min-height:var(--control-h-sm);font-size:var(--text-body-sm);color:var(--color-text-muted);grid-row:1;align-items:center;display:flex}.m2-blog-filters__tags .m2-chip{min-height:2rem;padding-inline:var(--space-3);font-size:var(--text-caption)}.m2-blog-filters__tag{font-weight:var(--weight-regular);color:var(--color-text-secondary)}.m2-blog-filters__tag[aria-current=true]{color:var(--color-text-on-inverse)}.m2-blog-filters__more{gap:var(--space-2);display:grid}@media (max-width:767px){.m2-blog-filters__tags{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.m2-blog-filters__tags>.m2-chip-row,.m2-blog-filters__more{grid-column:1}.m2-blog-filters__legend{min-height:0}.m2-blog-filters__tags>.m2-chip-row{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-block:var(--space-1);flex-wrap:nowrap;overflow-x:auto}.m2-blog-filters__tags>.m2-chip-row::-webkit-scrollbar{display:none}.m2-blog-filters__tags>.m2-chip-row>*{flex:none}}.m2-blog-filters__more-btn{align-items:center;gap:var(--space-1-5);min-height:var(--touch-min);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-link);justify-self:start;list-style:none;display:inline-flex}.m2-blog-filters__more-btn:after{content:"";width:var(--icon-sm);height:var(--icon-sm);-webkit-mask:var(--m2-i-chevron) center/contain no-repeat;-webkit-mask:var(--m2-i-chevron) center/contain no-repeat;mask:var(--m2-i-chevron) center/contain no-repeat;transition:transform var(--duration-base) var(--ease-standard);background-color:currentColor}.m2-blog-filters__more[open]>.m2-blog-filters__more-btn:after{transform:rotate(180deg)}.m2-blog-filters__more-btn:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.m2-blog-featured{padding-block-end:var(--space-2)}.m2-blog-list{padding-block-start:var(--space-8)}.m2-blog-list__head{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.m2-blog-list__title{font-size:var(--text-heading-md);font-weight:var(--weight-regular);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading-tight)}.m2-blog-list__lede{font-size:var(--text-body-md);color:var(--color-text-secondary);max-width:var(--measure-lede)}.m2-blog-list__count{font-size:var(--text-body-sm);color:var(--color-text-muted);font-variant-numeric:var(--numeric-data)}.m2-blog-list__head .m2-results-head{padding-block:var(--space-1) 0;gap:var(--space-3)}.m2-blog-results__count{font-size:var(--text-body-md);color:var(--color-text-secondary);font-weight:var(--weight-regular)}.m2-blog-grid{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.m2-blog-grid>li{min-width:0;display:grid}@media (min-width:640px){.m2-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.m2-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.m2-post-card{gap:var(--space-3)}.m2-post-card .m2-card-dev__media{aspect-ratio:16/10}.m2-post-card__body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.m2-post-card__title{-webkit-hyphens:manual;hyphens:manual;-webkit-line-clamp:3;line-clamp:3;text-wrap:balance;font-size:var(--text-heading-xs);line-height:var(--leading-heading);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m2-post-card__title a{color:inherit}.m2-post-card__excerpt{-webkit-line-clamp:3;line-clamp:3;font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-text-secondary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m2-post-card__meta{align-items:center;gap:var(--space-1) var(--space-2);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-border-subtle);font-size:var(--text-caption);color:var(--color-text-muted);font-variant-numeric:var(--numeric-data);flex-wrap:wrap;margin-top:auto;display:flex}.m2-post-card__meta>*+:before{content:"·";margin-inline-end:var(--space-2)}.m2-post-card__author,.m2-post-card__cat{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.m2-post-card__ph-cat{text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:var(--text-heading-lg);color:var(--color-text-primary);white-space:normal;overflow-wrap:anywhere}.m2-post-card__kicker{gap:var(--space-2);flex-wrap:wrap;display:flex}.m2-post-card--featured{gap:var(--space-4)}.m2-post-card--featured .m2-post-card__body{gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3)}.m2-post-card--featured .m2-post-card__title{-webkit-line-clamp:4;line-clamp:4;font-size:var(--text-heading-md);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading-tight)}.m2-post-card--featured .m2-post-card__excerpt{-webkit-line-clamp:4;line-clamp:4;font-size:var(--text-body-md)}.m2-post-card--featured .m2-post-card__ph-cat{font-size:var(--text-display-sm)}@media (max-width:1023px){.m2-post-card--featured .m2-card-dev__media{aspect-ratio:2}}@media (min-width:1024px){.m2-post-card--featured{align-items:stretch;gap:var(--space-6);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.m2-post-card--featured .m2-card-dev__media{aspect-ratio:auto;height:100%;min-height:18rem;max-height:24rem}.m2-post-card--featured .m2-post-card__body{padding:var(--space-4) var(--space-4) var(--space-3) 0;justify-content:center}.m2-post-card--featured .m2-post-card__meta{margin-top:var(--space-1)}}@media (min-width:1280px){.m2-post-card--featured .m2-post-card__title{font-size:var(--text-heading-lg)}}.m2-post{--post-col:var(--container-prose);row-gap:var(--space-6);padding-top:var(--space-3)}.m2-post .m2-article__header{gap:var(--space-3);max-width:var(--post-col)}.m2-post .m2-article__body{gap:var(--space-6)}.m2-post .m2-article__body>*,.m2-post-cover,.m2-post .m2-answer{max-width:var(--post-col)}@media (min-width:1024px){.m2-post.m2-article--toc{grid-template-columns:minmax(0, var(--post-col)) 15rem;column-gap:var(--space-12);justify-content:start}}@media (min-width:1280px){.m2-post.m2-article--toc{column-gap:var(--space-16)}}@media (min-width:1024px){.m2-post-wrap{max-width:calc(var(--container-prose) + 15rem + var(--space-16));margin-inline:auto}}.m2-post__title{font-size:clamp(2rem,1.6rem + 1.4vw,3.25rem);font-weight:var(--weight-regular);letter-spacing:var(--tracking-heading-tight);text-wrap:balance;max-width:24ch;line-height:1.12}.m2-post__title--long{max-width:28ch;font-size:clamp(1.75rem,1.45rem + 1.1vw,2.625rem)}.m2-post__title--xlong{max-width:34ch;font-size:clamp(1.5rem,1.3rem + .8vw,2.125rem);line-height:1.18}.m2-post .m2-article__meta{font-size:var(--text-caption);gap:var(--space-1) var(--space-3)}.m2-post .m2-article__meta>*+:before{margin-inline-end:var(--space-3)}@media (max-width:767px){.m2-post .m2-article__meta>*+:before{content:none}.m2-post .m2-article__meta{column-gap:var(--space-4)}}.m2-post-eyebrow{color:inherit;text-decoration:none;position:relative}@media (hover:hover){.m2-post-eyebrow:hover{color:var(--color-text-primary);text-underline-offset:.3em;text-decoration:underline}}.m2-post-eyebrow:after{content:"";inset:min(0px, calc((100% - var(--touch-min)) / 2)) calc(-1 * var(--space-2));position:absolute}.m2-post-cover{border-radius:var(--radius-xl);background:var(--color-surface-sunken);margin:0;overflow:hidden}.m2-post-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;max-height:26rem}@media (min-width:768px){.m2-post-cover img{aspect-ratio:2}}.m2-post-foot{gap:var(--space-5);padding-top:var(--space-6);border-top:var(--border-hairline) solid var(--color-border-default);grid-template-columns:minmax(0,1fr);display:grid}.m2-post-foot__tags,.m2-share{gap:var(--space-2);display:grid}.m2-share__label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.m2-share__list{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (max-width:479px){.m2-share__list>li:first-child{flex-basis:100%}}.m2-share__copy{min-height:var(--touch-min)}.m2-share__copy[data-copied]{border-color:var(--color-status-positive-border);color:var(--color-status-positive-text)}.m2-blog-related .m2-section-head{margin-bottom:var(--space-6)}.m2-blog-related .m2-section-head__title{max-width:none;font-size:var(--text-heading-md)}.m2-prose :where(img){border-radius:var(--radius-lg);background:var(--color-surface-sunken)}.m2-prose :where(figure) img{width:100%}.m2-prose :where(p>img){margin-block:var(--space-2)}.m2-prose :where(pre){padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-sunken);border:var(--border-hairline) solid var(--color-border-subtle);font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-text-primary);tab-size:2;overflow-x:auto}.m2-prose :where(pre,code){font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.m2-prose :where(pre code){font-size:inherit;background:0 0;border-radius:0;padding:0}.m2-prose :where(table){max-width:100%;display:block;overflow-x:auto}@media (min-width:768px){.m2-prose :where(table){display:table}}.m2-prose :where(details){border-radius:var(--radius-lg);background:var(--color-surface-sunken);padding:0 var(--space-5)}.m2-prose :where(details[open]){padding-bottom:var(--space-4)}.m2-prose :where(details>summary){justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding-block:var(--space-2);font-weight:var(--weight-medium);color:var(--color-text-primary);list-style:none;display:flex}.m2-prose :where(details>summary):after{content:"";width:var(--icon-md);height:var(--icon-md);-webkit-mask:var(--m2-i-chevron) center/contain no-repeat;-webkit-mask:var(--m2-i-chevron) center/contain no-repeat;mask:var(--m2-i-chevron) center/contain no-repeat;transition:transform var(--duration-base) var(--ease-standard);background-color:currentColor;flex:none}.m2-prose :where(details[open]>summary):after{transform:rotate(180deg)}.m2-prose :where(details>summary):focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.m2-prose :where(details>:not(summary)+*){margin-block-start:.8em}.m2-prose :where(aside:not(.m2-callout)){padding:var(--space-4) var(--space-5);border-inline-start:2px solid var(--color-border-brand);background:var(--color-surface-sunken);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-primary)}.m2-prose :where(.m2-callout){font-size:var(--text-body-md)}.m2-prose :where(.m2-callout)>*+*{margin-block-start:.6em}.m2-prose :where(.m2-callout p){grid-column:2}.m2-prose :where(hr){border:0;border-top:var(--border-hairline) solid var(--color-border-default)}.m2-prose :where(h2,h3){scroll-margin-top:calc(var(--header-h) + var(--space-6))}.m2-prose :where(del){color:var(--color-text-muted)}@media (min-width:1280px){.m2-prose :where(.m2-prose-wide){margin-inline-end:calc(-1 * var(--space-16))}}}@layer ds.utilities;