@layer components{igc-badge.preview{--background-color:var(--igd-preview-bg);--text-color:var(--igd-preview-color);--icon-color:var(--igd-preview-color);--border-color:var(--igd-preview-border)}igc-badge.new{--background-color:var(--igd-new-bg);--text-color:var(--igd-new-color);--icon-color:var(--igd-new-color);--border-color:var(--igd-new-border)}igc-badge.updated{--background-color:var(--igd-updated-bg);--text-color:var(--igd-updated-color);--icon-color:var(--igd-updated-color);--border-color:var(--igd-updated-border)}igc-badge.premium{--background-color:var(--igd-premium-bg);--text-color:var(--igd-premium-color);--icon-color:var(--igd-premium-color);--border-color:var(--igd-premium-border)}igc-badge.opensource{--background-color:var(--igd-opensource-bg);--text-color:var(--igd-opensource-color);--icon-color:var(--igd-opensource-color);--border-color:var(--igd-opensource-border)}.igd-badge{--border-radius:.25rem;--elevation:none;vertical-align:middle}.igd-badge::part(base){font-family:var(--ig-overline-font-family,var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);border-radius:var(--border-radius);border-style:solid;border-width:.0625rem;border-color:var(--border-color);margin:0}.igd-badge igc-icon{--size:1.125rem}.igd-badge span{padding-inline:.1875rem;position:relative}h1>.igd-badge,h2>.igd-badge,h3>.igd-badge,h4>.igd-badge,h5>.igd-badge,h6>.igd-badge{align-self:center}}blockquote{border-inline-start-width:var(--igd-aside-border-width);border-inline-start-style:var(--igd-aside-border-style);padding:var(--igd-aside-padding);border-radius:var(--igd-aside-border-radius);margin-block-end:var(--igd-aside-margin-bottom)}.igd-aside{align-items:start;row-gap:var(--igd-aside-row-gap);column-gap:var(--igd-aside-column-gap);border-inline-start-width:var(--igd-aside-border-width);border-inline-start-style:var(--igd-aside-border-style);padding:var(--igd-aside-padding);border-radius:var(--igd-aside-border-radius);grid-template-columns:auto 1fr;margin-block-end:var(--igd-aside-margin-bottom);display:grid}.igd-aside__title{font-family:var(--ig-h5-font-family,var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);grid-area:1/2;align-self:center;margin:0;font-weight:700}.igd-aside__icon{grid-area:1/1}.igd-aside__content{font-family:var(--ig-body-1-font-family,var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);grid-area:2/2;margin:0;font-weight:400;overflow:auto}.igd-aside__content>p:only-child,.igd-aside__content>p:last-child{margin-block-end:0}.igd-aside--info{border-inline-start-color:var(--igd-aside-info-border);background:var(--igd-aside-info-bg)}.igd-aside--info .igd-aside__title{color:var(--igd-aside-info-title)}.igd-aside--info .igd-aside__icon{color:var(--igd-aside-info-icon)}.igd-aside--info .igd-aside__content{color:var(--igd-aside-info-content)}.igd-aside--warning{border-inline-start-color:var(--igd-aside-warning-border);background:var(--igd-aside-warning-bg)}.igd-aside--warning .igd-aside__title{color:var(--igd-aside-warning-title)}.igd-aside--warning .igd-aside__icon{color:var(--igd-aside-warning-icon)}.igd-aside--warning .igd-aside__content{color:var(--igd-aside-warning-content)}.igd-aside--note{border-inline-start-color:var(--igd-aside-note-border);background:var(--igd-aside-note-bg)}.igd-aside--note .igd-aside__title{color:var(--igd-aside-note-title)}.igd-aside--note .igd-aside__icon{color:var(--igd-aside-note-icon)}.igd-aside--note .igd-aside__content{color:var(--igd-aside-note-content)}.igd-post{--igd-article-min:32rem;align-items:flex-start;gap:var(--igd-space-4xl);max-inline-size:var(--igd-post-max);padding:var(--igd-space-2xl) var(--igd-page-pad);flex-flow:row-reverse wrap;margin-inline:auto;display:flex;container:igd-post/inline-size}.igd-post__body{flex:999 1 var(--igd-article-min);min-inline-size:0;& h1{margin-bottom:3.75rem;font-size:3.5rem}& h2{margin-bottom:2rem;font-size:2rem}& h2:not(:first-child){padding-top:1.5rem}& h3{margin-bottom:1.25rem;font-size:1.5rem}& p{margin-top:0;margin-bottom:1rem;font-size:1rem;line-height:1.5}& p,& .igd-p{& code{white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow-x:auto}}& h1,& h2,& h3,& h4,& h5,& h6{font-weight:var(--igd-weight-bold);line-height:var(--igd-leading-tight)}color:light-dark(var(--ig-gray-800),var(--ig-gray-500));& ul,& ol,& dl{color:inherit;padding-block:0;padding-inline-start:18px;& ::marker{color:var(--ig-primary-500)}& li{color:inherit;padding-block:4px;padding-inline:0 8px;position:relative;& ::marker{color:var(--ig-primary-500)}&>.shiki{margin-top:8px}&:has(>ul){padding-block-end:0}}& code{margin-block-end:0}& p,& h1,& h2,& h3,& h4,& h5,& h6:only-child{margin:0}}& ul:not(li ul),& ol:not(li ol),& dl:not(dd dl){margin-bottom:26px}& dl{flex-direction:column;gap:8px;padding-inline-start:0;display:flex;& dt{color:var(--ig-gray-900)}& dd{color:inherit;margin-block-end:16px}}& code:not(pre code){color:light-dark(var(--ig-gray-900),var(--ig-gray-800));background:light-dark(var(--ig-gray-100),#112031);border:1px solid light-dark(var(--ig-gray-200),#1a314a);border-radius:4px}& a{font-size:inherit;color:light-dark(var(--ig-primary-500),var(--ig-primary-200));text-decoration:underline;&:hover,&:focus{color:light-dark(var(--ig-primary-600),var(--ig-primary-100))}&:focus-visible{outline:2px solid var(--igd-color-accent);outline-offset:2px;border-radius:2px}& code{color:inherit}}& img{max-width:100%;height:auto;border-radius:var(--igd-border-radius);content-visibility:auto;margin-block-end:rem(26px);display:block}& a:has(>img){text-decoration:none;display:inline-block}& figure{margin-block-end:26px;margin-inline:0;& img,& video,& p,& h1,& h2,& h3,& h4,& h5,& h6{margin-block-end:0}}& figcaption{color:var(--ig-gray-600);text-align:center;margin-block-end:rem(26px);padding-block-start:rem(8px)}& blockquote{border-inline-start-width:1px;border-inline-start-color:var(--ig-gray-600);margin-block-end:26px;padding:16px;& p:only-child{margin:0}}& blockquote .small,& blockquote footer,& blockquote small{color:var(--ig-gray-600)}& .igd-video{aspect-ratio:16/9;border-radius:var(--igd-border-radius);outline:1px solid light-dark(var(--ig-gray-200),var(--ig-gray-100));width:100%;margin-block-end:26px;position:relative;overflow:hidden;& iframe,& video{border:0;width:100%;height:100%;position:absolute;inset:0}}& video{aspect-ratio:16/9;border-radius:var(--igd-border-radius);outline:rem(1px) solid light-dark(var(--ig-gray-200),var(--ig-gray-100));width:100%;max-width:100%;height:auto;margin-block-end:26px;font-family:inherit;display:block}& audio{width:100%;margin-block-end:26px;display:block}&>hr{border:none;border-block-start:1px solid light-dark(var(--ig-gray-200),var(--ig-gray-100));margin-block:26px}}.igd-post__aside{flex:1 1 var(--igd-toc-size);min-inline-size:min(100%, var(--igd-toc-size));gap:var(--igd-space-lg);flex-direction:column;display:flex}@container igd-post (inline-size>=53.125rem){.igd-post__aside{position:sticky;inset-block-start:var(--igd-sticky-top)}}.igd-toc{padding:var(--igd-space-xl);max-block-size:min(70vh, calc(100vh - var(--igd-sticky-top) * 4));overflow-y:auto}.igd-toc__heading{margin:0 0 var(--igd-space-sm);font-size:var(--igd-text-md);font-weight:var(--igd-weight-semibold)}.igd-hero{isolation:isolate;background:var(--igd-color-hero-bg);color:var(--igd-color-hero-text);padding:var(--igd-space-3xl) var(--igd-page-pad);position:relative}.igd-hero:after{content:"";z-index:-1;pointer-events:none;background-image:var(--igd-hero-backdrop);opacity:var(--igd-hero-backdrop-opacity);-webkit-mask-image:var(--igd-hero-backdrop-mask);mask-image:var(--igd-hero-backdrop-mask);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.igd-hero__inner{max-inline-size:var(--igd-hero-max);margin-inline:auto}.igd-hero__crumbs{color:var(--igd-color-hero-text-muted);font-size:var(--igd-text-xs);margin-block-end:var(--igd-space-xl)}.igd-hero__crumbs a{color:var(--igd-color-hero-text);text-decoration:none}.igd-hero__crumbs a:hover{text-decoration:underline}.igd-hero__sep{margin-inline:var(--igd-space-3xs);color:var(--igd-color-hero-text-faint)}.igd-hero__current{color:var(--igd-color-hero-text-muted)}.igd-hero__body{align-items:center;gap:var(--igd-space-2xl);flex-wrap:wrap;display:flex}.igd-hero__media{flex:0 clamp(5rem,12%,8rem)}.igd-hero__media img{block-size:auto;inline-size:100%;display:block}.igd-hero__text{flex:min(100%,20rem);min-inline-size:0}.igd-hero__text h1{margin:0 0 var(--igd-space-md);color:var(--igd-color-hero-text);font-size:var(--igd-text-hero);font-weight:var(--igd-weight-bold);line-height:var(--igd-leading-tight)}.igd-hero__standfirst{margin:0 0 var(--igd-space-lg);color:var(--igd-color-hero-text-strong);font-size:var(--igd-text-xl)}.igd-hero .igd-byline{--igd-byline-color:var(--igd-color-hero-text-strong);--igd-byline-hover:var(--igd-color-hero-text);--igd-byline-size:var(--igd-text-sm);--igd-byline-avatar:var(--igd-avatar-lg);gap:var(--igd-space-md)}.igd-share{gap:var(--igd-space-xs);display:flex}.igd-share a{inline-size:var(--igd-control-size);block-size:var(--igd-control-size);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-circle);color:var(--igd-color-muted);transition:color var(--igd-motion-fast), border-color var(--igd-motion-fast), background var(--igd-motion-fast);justify-content:center;align-items:center;display:inline-flex}.igd-share a:hover{background:var(--igd-color-accent);border-color:var(--igd-color-accent);color:var(--igd-color-accent-contrast)}.igd-post__cats{gap:var(--igd-space-sm);border-block-start:1px solid var(--igd-color-border);flex-wrap:wrap;margin-block-start:var(--igd-space-3xl);padding-block-start:var(--igd-space-xl);display:flex}.igd-post-footer{max-inline-size:var(--igd-post-max);padding:0 var(--igd-page-pad) var(--igd-space-4xl);margin-inline:auto}.igd-related h2{margin:0 0 var(--igd-space-xl);font-size:var(--igd-text-3xl)}.prose h1{font-size:var(--igd-text-4xl)}.prose .lead{color:var(--igd-color-muted);font-size:var(--igd-text-xl)}.prose img{block-size:auto;max-inline-size:100%;margin:var(--igd-space-xl) auto;border-radius:var(--igd-radius-sm);display:block}.igd-table-wrap{margin-block:var(--igd-space-xl);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-md);overflow-x:auto}.prose table{border-collapse:collapse;inline-size:100%;font-size:var(--igd-text-sm)}.prose thead{background:var(--igd-color-panel)}.prose th,.prose td{padding:var(--igd-space-sm) var(--igd-space-md);border-block-end:1px solid var(--igd-color-border);text-align:start;vertical-align:top}.prose thead th{font-weight:var(--igd-weight-bold);white-space:nowrap;border-block-end-width:2px}.prose tbody tr:last-child td{border-block-end:0}.prose tbody tr:nth-child(2n){background:var(--igd-color-shade)}.prose tbody tr:hover{background:var(--igd-color-accent-wash)}.prose pre{margin-block:var(--igd-space-xl);padding:var(--igd-space-md) var(--igd-space-lg);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-md);font-size:var(--igd-text-sm);line-height:1.5;position:relative;overflow-x:auto}.prose code{font-family:var(--igd-font-mono)}.prose :not(pre)>code{background:var(--igd-color-panel);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-xs);padding:.1em .4em;font-size:.875em}.igd-copy-btn{padding:var(--igd-space-3xs) var(--igd-space-xs);background:var(--igd-color-surface);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-xs);color:var(--igd-color-muted);font:inherit;font-size:var(--igd-text-2xs);font-weight:var(--igd-weight-semibold);cursor:pointer;transition:color var(--igd-motion-fast), border-color var(--igd-motion-fast), background var(--igd-motion-fast);line-height:1;position:absolute;inset-block-start:var(--igd-space-xs);inset-inline-end:var(--igd-space-xs)}.igd-copy-btn:hover{color:var(--igd-color-accent);border-color:var(--igd-color-accent)}.igd-copy-btn.is-copied{background:var(--igd-color-accent);border-color:var(--igd-color-accent);color:var(--igd-color-accent-contrast)}.igd-aside{gap:var(--igd-space-sm);margin-block:var(--igd-space-lg);padding:var(--igd-space-md) var(--igd-space-lg);background:var(--igd-aside-bg,var(--igd-color-panel));border:1px solid var(--igd-aside-border,var(--igd-color-border));border-radius:var(--igd-radius-lg);display:flex}.igd-aside--note{--igd-aside-bg:var(--igd-color-note-bg);--igd-aside-border:var(--igd-color-note-border)}.igd-aside--info{--igd-aside-bg:var(--igd-color-info-bg);--igd-aside-border:var(--igd-color-info-border)}.igd-aside--warning{--igd-aside-bg:var(--igd-color-warning-bg);--igd-aside-border:var(--igd-color-warning-border)}.igd-aside__icon{font-size:var(--igd-text-xl);line-height:var(--igd-leading-snug)}.igd-aside__title{font-weight:var(--igd-weight-bold);margin-block-end:var(--igd-space-3xs);display:block}.igd-rating{align-items:center;gap:var(--igd-space-sm);margin-block:var(--igd-space-md);display:flex}.igd-rating__label{color:var(--igd-color-muted)}.igd-card{margin-block:var(--igd-space-xl);padding:var(--igd-space-lg);background:var(--igd-color-panel);border:1px solid var(--igd-color-border);border-radius:var(--igd-radius-xl)}.igd-card h3{margin:0 0 var(--igd-space-3xs)}.igd-card__subtitle{margin:0 0 var(--igd-space-sm);color:var(--igd-color-muted)}.igd-card__actions{margin-block-start:var(--igd-space-md)}.igd-figure{margin-block:var(--igd-space-xl)}.igd-figure img{border-radius:var(--igd-radius-sm);block-size:auto;inline-size:100%;max-inline-size:100%;display:block}.igd-figure figcaption{color:var(--igd-color-muted);font-size:var(--igd-text-sm);margin-block-start:var(--igd-space-xs)}.igd-cta{margin-block:var(--igd-space-2xl);padding:var(--igd-space-lg) var(--igd-space-xl);background:var(--igd-color-panel);border:1px solid var(--igd-color-border);border-inline-start:3px solid var(--igd-color-accent);border-radius:var(--igd-radius-lg)}.igd-cta__headline{margin:0 0 var(--igd-space-3xs);font-size:var(--igd-text-xl);font-weight:var(--igd-weight-bold)}.igd-cta__msg{margin:0 0 var(--igd-space-md);color:var(--igd-color-muted)}.igd-cta__button{padding:var(--igd-space-xs) var(--igd-space-md);background:var(--igd-color-accent);border-radius:var(--igd-radius-sm);color:var(--igd-color-accent-contrast);font-weight:var(--igd-weight-semibold);text-decoration:none;display:inline-block}