.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)}.component-page-link_componentPageLinkPopover__97STh{display:none;position:fixed;border:none;max-width:30rch;position-area:top center;position-try:top,bottom,right,left;margin:var(--jkl-unit-10);box-shadow:0 .375rem 1.5625rem rgba(37,42,49,.12)}.component-page-link_componentPageLinkPopover__97STh:popover-open{display:block}.code-block_codeBlock__W371K{background:var(--jkl-color-background-container);border-radius:var(--jkl-border-radius-s);overflow:hidden;min-width:60ch;width:-webkit-max-content;width:max-content;max-width:100%}.code-block_codeBlock__W371K code,.code-block_codeBlock__W371K pre{background:none!important;padding:0;margin:0;border:none}.code-block_codeBlock__W371K pre{padding:var(--jkl-spacing-s) var(--jkl-spacing-m);overflow-x:scroll;scrollbar-width:none;width:-webkit-max-content;width:max-content;max-width:100%;font:var(--jkl-text-style-text-small)}.code-block_codeBlock__W371K .code-block_info__82eoa{margin:0;padding:var(--jkl-spacing-xs) var(--jkl-spacing-xs) var(--jkl-spacing-xs) var(--jkl-spacing-l);display:grid;grid-template-columns:1fr auto auto;align-items:center;-webkit-border-after:1px solid var(--jkl-color-border-subdued);border-block-end:1px solid var(--jkl-color-border-subdued)}.code-block_codeBlock__W371K .code-block_info__82eoa .code-block_title__7CFtX{font:var(--jkl-text-style-text-small);font-weight:var(--jkl-typography-font-weight-bold)}.code-block_codeBlock__W371K .code-block_info__82eoa .code-block_language__TOcmH{color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);font-family:monospace}.code-block_codeBlock__W371K .code-block_info__82eoa .code-block_language__TOcmH:after{content:"";height:100%;-webkit-margin-end:1ch;margin-inline-end:1ch;-webkit-padding-end:2ch;padding-inline-end:2ch;-webkit-border-end:1px solid var(--jkl-color-border-subdued);border-inline-end:1px solid var(--jkl-color-border-subdued)}.code-block_codeBlock__W371K .code-block_info__82eoa .code-block_copyButton__Gniud{color:currentColor;border-radius:var(--jkl-border-radius-xs)}.code-block_codeBlock__S74xZ{box-sizing:border-box;border-radius:.25rem;width:100%;overflow:hidden;background-color:var(--jkl-color-background-page);display:flex;flex-direction:column;justify-content:end;align-items:end;padding:var(--jkl-unit-20) var(--jkl-unit-20)}.code-block_codeBlock__S74xZ[data-language]:before{width:-webkit-max-content;width:max-content;box-sizing:border-box;padding:var(--jkl-unit-05) var(--jkl-unit-10);border-radius:2px;background-color:var(--jkl-color-background-container);text-transform:uppercase;content:attr(data-language);font-family:var(--jkl-font-family-mono)}.code-block_codeBlockCode__VZNQ3{overflow-x:auto;place-self:start}@media(max-width:940px){.doAndDont_container__37lXR{flex-direction:column;width:100%}}.doAndDont_card__3aCy7{width:50%}@media(max-width:940px){.doAndDont_card__3aCy7{width:100%}}.doAndDont_image__oTLNM{width:100%;min-width:17.125rem;height:auto;object-fit:contain;display:block}@media(max-width:940px){.doAndDont_image__oTLNM{object-fit:cover;max-height:-webkit-fit-content;max-height:fit-content}}.kortFortalt_kortFortalt__8dpti{display:grid;grid-template-columns:1fr;-webkit-margin-before:var(--jkl-unit-70);margin-block-start:var(--jkl-unit-70);grid-gap:var(--jkl-spacing-32) var(--jkl-spacing-12);gap:var(--jkl-spacing-32) var(--jkl-spacing-12)}.kortFortalt_kortFortalt__8dpti h3{-webkit-margin-after:var(--jkl-spacing-8);margin-block-end:var(--jkl-spacing-8);font:var(--jkl-text-style-paragraph-medium);font-weight:700}.kortFortalt_kortFortalt__8dpti h3:not(:first-of-type){-webkit-margin-before:6ch;margin-block-start:6ch}@container (min-width: 80ch){.kortFortalt_kortFortalt__8dpti{grid-template-columns:repeat(12,1fr)}.kortFortalt_kortFortalt__8dpti>*{grid-column:5/11}.kortFortalt_kortFortalt__8dpti .kortFortalt_kortFortaltTitle__lpZov{-webkit-margin-before:0;margin-block-start:0;grid-column:1/4}}@media(min-width:1200px){.kortFortalt_kortFortalt__8dpti{-webkit-margin-before:var(--jkl-unit-130);margin-block-start:var(--jkl-unit-130)}}@media(max-width:680px){.linkCard_linkCardWrapper__DDuJS{flex-wrap:wrap}.linkCard_linkCardWrapper__DDuJS a{width:100%}}.linkCard_linkCard__TMp6E{display:flex;flex-direction:column;padding:var(--jkl-spacing-32);gap:var(--jkl-spacing-8)}@media(max-width:680px){.linkCard_linkCard__TMp6E{padding:var(--jkl-spacing-24)}}.linkCard_linkCard__TMp6E div{justify-content:space-between;display:flex}.list_checkCrossListItem__dRfni+.list_checkCrossListItem__dRfni{-webkit-margin-before:.25lh;margin-block-start:.25lh}