.article_header__y9zbO .article_backLink__09HRX{display:inline-block;font-size:var(--jkl-font-size-2);-webkit-margin-after:var(--jkl-spacing-40);margin-block-end:var(--jkl-spacing-40);-webkit-padding-start:var(--jkl-spacing-10);padding-inline-start:var(--jkl-spacing-10)}.article_header__y9zbO .article_date__UUZTZ,.article_header__y9zbO .article_description__1yRlU,.article_header__y9zbO .article_title__cFpi5{-webkit-margin-after:var(--jkl-spacing-24);margin-block-end:var(--jkl-spacing-24)}.article_header__y9zbO .article_date__UUZTZ{font-size:var(--jkl-font-size-2);line-height:var(--jkl-line-height-tight);font-weight:400;--jkl-icon-weight:300;font-family:Fremtind Grotesk Mono,Adjusted Courier New Fallback,-apple-system,BlinkMacSystemFont,monospace;color:var(--jkl-color-text-subdued)}.component_article__PZFCp{display:grid;width:100%;grid-template-columns:1fr;grid-template-rows:auto;grid-column:1/-1}@media(min-width:940px){.component_article__PZFCp{grid-column:span 2;grid-template-columns:1fr 1fr}}.component_articleHeader__F1jfk{grid-column:1;padding-top:var(--jkl-spacing-24)}@media(min-width:940px){.component_articleHeader__F1jfk{position:-webkit-sticky;position:sticky;top:8rem;grid-column:1;align-self:start;max-width:346px}}.component_navlink__3yrqZ{padding-left:var(--jkl-unit-10)}.component_external_links__BbTga{align-items:start;padding:var(--jkl-spacing-64) 0 var(--jkl-spacing-64) 0}.component_componentConsiderations__zSCea,.component_relatedComponents__E4up4{display:flex;gap:1rem;list-style-type:none;padding:0;scroll-behavior:smooth}.component_componentConsiderations__zSCea{max-width:450px;display:grid;grid-gap:2.5rem 1.5rem;gap:2.5rem 1.5rem;grid-template-columns:1fr;margin-top:1.5rem}.component_componentConsiderations__zSCea .component_title__77nL9{font-weight:400;font-style:italic}.component_footer__wHl1V{-webkit-margin-before:var(--jkl-spacing-104);margin-block-start:var(--jkl-spacing-104);-webkit-border-before:1px solid var(--jkl-color-border-separator);border-block-start:1px solid var(--jkl-color-border-separator);-webkit-padding-before:var(--jkl-spacing-24);padding-block-start:var(--jkl-spacing-24)}.examples{--item-gap-y:2ex;--item-gap-x:2em;--item-gap:var(--item-gap-y) var(--item-gap-x);list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin:0;display:flex;gap:var(--item-gap)}.examples,.examples.list{flex-direction:column}.examples.gallery{--item-gap:1ex;display:grid;grid-template-columns:repeat(auto-fit,minmax(20ch,1fr))}.examples.carousel{--carousel-width:100%;--carousel-controls-height:1lh;--item-gap-x:2ch;flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;anchor-name:--carousel;anchor-scope:all;scroll-marker-group:after;-webkit-margin-after:var(--carousel-controls-height);margin-block-end:var(--carousel-controls-height);-webkit-padding-after:4px;padding-block-end:4px}.examples.carousel::scroll-marker-group{display:flex;gap:1ch;position:fixed;position-anchor:--carousel;flex-wrap:wrap;right:anchor(right);bottom:calc(anchor(bottom) - 1.2lh)}.examples.carousel li{width:calc(var(--carousel-width) - (33% + var(--item-gap-x)*2));flex-shrink:0;scroll-snap-align:center;counter-increment:item 1}.examples.carousel li::scroll-marker{color:inherit;content:counter(item);text-decoration:none;border-radius:4px;text-box-trim:trim-end;padding-inline:1ch;border:1px solid var(--jkl-color-border-separator);background:rgba(0,0,0,0);transition-timing-function:ease;transition-duration:.15s;transition-property:background,color,border-color}.examples.carousel li::scroll-marker:target-current{background:var(--jkl-color-background-action);color:var(--jkl-color-text-on-action);border-color:var(--jkl-color-background-action)}.examples.carousel:has(li:only-of-type),.examples.carousel:has(li:only-of-type) li{display:contents}.examples .example{height:100%;--example-height:360px}.examples .example iframe{border:0;width:100%;max-width:100%;height:calc(var(--example-height, 360)*.0625rem);aspect-ratio:1;border-radius:.25rem}.examples .example .info{position:relative;gap:1ex 1em;-webkit-padding-before:.5lh;padding-block-start:.5lh}.examples .example .info:before{content:"";position:absolute;z-index:-1;inset:0;-webkit-border-before:1px solid var(--jkl-color-border-separator);border-block-start:1px solid var(--jkl-color-border-separator)}.examples .example .info .description,.examples .example .info a{font-size:var(--jkl-font-size-2);line-height:var(--jkl-line-height-relaxed);font-weight:400;--jkl-icon-weight:300;--jkl-icon-size:1.2em}.examples .example .info a{-webkit-margin-before:2px;margin-block-start:2px;color:var(--jkl-color-text-subdued)}.componentHeader_header__xkeqW{box-sizing:border-box;width:100%;container-type:inline-size;font-size:var(--jkl-typography-font-size-36);flex-direction:column;align-self:start;gap:1.5rem;padding-top:var(--jkl-spacing-40);background-color:rgba(0,0,0,0)}@container (min-width: 70rch){.componentHeader_header__xkeqW{flex-direction:row}}.componentHeader_header__xkeqW .componentHeader_status__xQKiA{margin-top:var(--jkl-unit-80)}.componentHeader_header__xkeqW .componentHeader_status__xQKiA span{font-size:1.25rem}.componentHeader_header__xkeqW .componentHeader_status__xQKiA p{font-size:1.125rem}.componentHeader_header__xkeqW .componentHeader_name__ym2rC{font-size:var(--jkl-font-size-8);line-height:var(--jkl-line-height-tight);font-weight:400;--jkl-icon-weight:300;line-height:var(--jkl-spacing-40)}.componentHeader_header__xkeqW .componentHeader_short_description___k6sR{-webkit-margin-before:var(--jkl-spacing-24);margin-block-start:var(--jkl-spacing-24)}@media(min-width:940px){.componentHeader_header__xkeqW .componentHeader_short_description___k6sR{max-width:35ch}}.componentHeader_header__xkeqW .componentHeader_short_description___k6sR{font-size:var(--jkl-font-size-3);line-height:var(--jkl-line-height-relaxed);font-weight:400;--jkl-icon-weight:300}