.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:var(--jkl-text-style-text-small);font-family:var(--jkl-font-family-mono);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:var(--jkl-spacing-16);list-style-type:none;padding:0;scroll-behavior:smooth}.component_componentConsiderations__zSCea{max-width:450px;display:grid;grid-gap:var(--jkl-spacing-40) var(--jkl-spacing-24);gap:var(--jkl-spacing-40) var(--jkl-spacing-24);grid-template-columns:1fr;margin-top:var(--jkl-spacing-24)}.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-subdued);border-block-start:1px solid var(--jkl-color-border-subdued);-webkit-padding-before:var(--jkl-spacing-24);padding-block-start:var(--jkl-spacing-24)}.storybook-frame{--storybook-frame-height:360;display:block;width:100%;max-width:100%;height:calc(var(--storybook-frame-height)*.0625rem);border:0;border-radius:var(--jkl-border-radius-m)}.storybook-frame-fallback{box-sizing:border-box;width:100%;height:100%;padding:var(--jkl-spacing-24);border-radius:inherit;background-color:var(--jkl-color-background-container);color:var(--jkl-color-text-default)}.storybook-frame-fallback__title{font:var(--jkl-text-style-heading-5)}.storybook-frame-fallback__details{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-paragraph-small)}.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-subdued);background:rgba(0,0,0,0);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:background,color,border-color}.examples.carousel li::scroll-marker:target-current{background:var(--jkl-color-background-contrast);color:var(--jkl-color-text-on-contrast);border-color:var(--jkl-color-background-contrast)}.examples.carousel:has(li:only-of-type),.examples.carousel:has(li:only-of-type) li{display:contents}.examples .example{height:100%}.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-subdued);border-block-start:1px solid var(--jkl-color-border-subdued)}.examples .example .info .description,.examples .example .info a{font:var(--jkl-text-style-paragraph-small)}.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:var(--jkl-spacing-24);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:var(--jkl-text-style-title);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:var(--jkl-text-style-paragraph-medium)}