@layer starlight.components{svg:where(.astro-zjycesf3){color:var(--sl-icon-color);font-size:var(--sl-icon-size,1em);width:1em;height:1em}starlight-tabs:where(.astro-uoytcsel){display:block}.tablist-wrapper:where(.astro-uoytcsel){overflow-x:auto}:where(.astro-uoytcsel)[role=tablist]{border-bottom:2px solid var(--sl-color-gray-5);padding:0;list-style:none;display:flex}.tab:where(.astro-uoytcsel){display:flex}.tab:where(.astro-uoytcsel)>:where(.astro-uoytcsel)[role=tab]{--sl-tab-color-border:var(--sl-color-gray-5);line-height:var(--sl-line-height-headings);box-shadow:0 2px 0 var(--sl-tab-color-border);color:var(--sl-color-gray-3);outline-offset:var(--sl-outline-offset-inside);overflow-wrap:initial;align-items:center;gap:.5rem;padding:.275rem 1.25rem;text-decoration:none;display:flex}.tab:where(.astro-uoytcsel) :where(.astro-uoytcsel)[role=tab][aria-selected=true]{--sl-tab-color-border:var(--sl-color-text-accent);color:var(--sl-color-white);font-weight:600}.tablist-wrapper:where(.astro-uoytcsel)~[role=tabpanel]{margin-top:1rem}}.badge:where(.astro-k6c4ap3c){text-box:trim-both cap alphabetic;aspect-ratio:1;block-size:26px;inline-size:26px;color:var(--tng-color-foreground-contrast-emphasis);background-color:var(--badge-background,var(--tng-color-background-contrast-default));border-radius:var(--tng-radius-1000);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.badge-list:where(.astro-6o5scy3o){column-gap:var(--tng-spacing-3xl);columns:var(--badge-list-columns,30ch);padding:0}.dxp-code-demo:where(.astro-ureibo45).rg-faux-transparent{--tng-background-color:transparent}.dxp-code:where(.astro-ureibo45):has(.rg-faux-transparent){--tng-background-color:transparent}.dxp-code:where(.astro-ureibo45) .frame{box-shadow:none}.dxp-code:where(.astro-ureibo45) [role=tabpanel]{margin-block-start:0}.dxp-code:where(.astro-ureibo45) pre{max-block-size:50ex}.dxp-code-demo:where(.astro-ureibo45){margin-block-start:0;container-type:inline-size}.dxp-code-demo:where(.astro-ureibo45).collapse-text{line-height:0}.item:where(.astro-tce6qw3h){align-items:center;gap:8px;display:flex}.label:where(.astro-tce6qw3h){box-sizing:content-box;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:clip}a:where(.astro-tce6qw3h).label{color:inherit;text-decoration:none}:is(a:where(.astro-tce6qw3h).label:hover,a:where(.astro-tce6qw3h).label:focus-visible){text-decoration:underline}.live-anatomy{--la-accent:var(--tng-color-fill-info-subtle,#0072f0)}.live-anatomy .la-stage{padding:var(--tng-spacing-104) var(--tng-spacing-96);pointer-events:none;background:var(--tng-color-background-neutral-subtle,#00000008);border:var(--tng-stroke-sm) solid var(--tng-color-border-neutral-default,#00000026);border-radius:var(--tng-radius-lg);place-items:center;margin-block-end:var(--tng-spacing-3xl);display:grid;position:relative}.live-anatomy .la-demo{inline-size:min(440px,100%)}.live-anatomy.is-fill .la-demo{inline-size:100%}.live-anatomy.is-fill .la-stage{padding:var(--tng-spacing-6xl)}.live-anatomy .la-demo[data-inline-root]{inline-size:fit-content;max-inline-size:100%}.live-anatomy .la-overlay{visibility:hidden;pointer-events:none;position:absolute;inset:0}.live-anatomy .la-overlay[data-ready=true]{visibility:visible}.live-anatomy .la-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.live-anatomy .la-badge{transition:transform .1s,background-color .1s,opacity .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.live-anatomy .la-line{stroke:var(--tng-color-background-contrast-default,#000);stroke-width:1.5px;transition:stroke .1s,stroke-width .1s,opacity .1s}.live-anatomy .la-dot{fill:var(--tng-color-background-contrast-default,#000);transition:fill .1s,opacity .1s}.live-anatomy .la-highlight{pointer-events:none;border:var(--tng-stroke-md) solid var(--la-accent);border-radius:var(--tng-radius-sm);margin:0;position:absolute}.live-anatomy .la-highlight[hidden]{display:none}.live-anatomy .la-debug-origin{z-index:1;pointer-events:none;background:red;border:1px solid #fff;border-radius:50%;block-size:8px;inline-size:8px;margin:-4px 0 0 -4px;position:absolute}.live-anatomy .la-debug-origin[hidden]{display:none}.live-anatomy .la-badge.is-hi{--badge-background:var(--la-accent);transform:translate(-50%,-50%)scale(1.18)}.live-anatomy .la-line.is-hi{stroke:var(--la-accent);stroke-width:3px}.live-anatomy .la-dot.is-hi{fill:var(--la-accent)}.live-anatomy .la-overlay.has-hi .la-badge:not(.is-hi){opacity:.3}.live-anatomy .la-overlay.has-hi .la-line:not(.is-hi),.live-anatomy .la-overlay.has-hi .la-dot:not(.is-hi){opacity:.2}.live-anatomy .badge-list>li{cursor:default}.live-anatomy .badge-list>li.is-hi{--badge-background:var(--la-accent);color:var(--la-accent)}.preview:where(.astro-rqc2ofdf){padding:var(--preview-padding,var(--tng-spacing-4xl));pointer-events:none;background:var(--tng-color-background-neutral-subtle);border:var(--tng-stroke-sm) solid var(--tng-color-border-neutral-default);border-radius:var(--tng-radius-lg);place-items:center;display:grid}.overview:where(.astro-4ldjodiz){--badge-list-columns:2 30ch}.tng-frame:where(.astro-4ldjodiz){--tng-frame-ratio:16 / 9;--tng-slot-text:"Component Example"}.ov-preview:where(.astro-4ldjodiz){margin-block-end:var(--tng-spacing-3xl)}.token-row:where(.astro-b5pyqqeq){gap:var(--tng-spacing-sm);padding-block:var(--tng-spacing-xl);flex-wrap:wrap;justify-content:space-between;place-items:center;display:flex}.name:where(.astro-b5pyqqeq){padding:var(--tng-spacing-2xs) var(--tng-spacing-xs);border-radius:var(--tng-radius-sm)}.description:where(.astro-b5pyqqeq){flex-basis:100%;order:4}.value:where(.astro-b5pyqqeq){font-size:var(--sl-text-sm);margin-inline-start:auto}.visual:where(.astro-b5pyqqeq){flex:0 auto}.when-to-use:where(.astro-o2jfaduz){border-collapse:collapse;inline-size:100%}.when-to-use:where(.astro-o2jfaduz) thead:where(.astro-o2jfaduz) th:where(.astro-o2jfaduz){text-box:trim-both cap alphabetic;font-family:var(--tng-typography-body-6-font-family);font-size:var(--tng-typography-body-6-font-size);font-weight:var(--tng-typography-body-6-font-weight-default);line-height:var(--tng-typography-body-6-line-height);color:var(--tng-color-foreground-neutral-subtle);text-align:start;letter-spacing:var(--tng-typography-body-6-letter-spacing);border-block-end:var(--tng-stroke-sm) solid var(--tng-color-border-neutral-default);padding-block-end:var(--tng-spacing-md)}.when-to-use:where(.astro-o2jfaduz) thead:where(.astro-o2jfaduz) th:where(.astro-o2jfaduz):first-child{inline-size:20%}.when-to-use:where(.astro-o2jfaduz) thead:where(.astro-o2jfaduz) th:where(.astro-o2jfaduz):nth-child(3){inline-size:25%}@media not (min-width:50em){.when-to-use:where(.astro-o2jfaduz) thead:where(.astro-o2jfaduz){white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.item:where(.astro-5aqo6oqb)>:where(.astro-5aqo6oqb){padding-block:var(--tng-spacing-lg);vertical-align:top;border-block-end:var(--tng-stroke-sm) solid var(--tng-color-border-neutral-subtle)}.item:where(.astro-5aqo6oqb)>:where(.astro-5aqo6oqb)+:where(.astro-5aqo6oqb){padding-inline-start:var(--tng-spacing-xl)}.name:where(.astro-5aqo6oqb){font-family:var(--tng-typography-body-6-font-family);font-size:var(--tng-typography-body-6-font-size);font-weight:var(--tng-typography-body-6-font-weight-emphasis);line-height:var(--tng-typography-body-6-line-height);color:var(--tng-color-foreground-neutral-default);text-align:start;letter-spacing:var(--tng-typography-body-6-letter-spacing)}.name:where(.astro-5aqo6oqb) a:where(.astro-5aqo6oqb){color:inherit;text-decoration:none}:is(.name:where(.astro-5aqo6oqb) a:where(.astro-5aqo6oqb):hover,.name:where(.astro-5aqo6oqb) a:where(.astro-5aqo6oqb):focus-visible){text-decoration:underline}.usage:where(.astro-5aqo6oqb){font-family:var(--tng-typography-body-6-font-family);font-size:var(--tng-typography-body-6-font-size);font-weight:var(--tng-typography-body-6-font-weight-default);line-height:var(--tng-typography-body-6-line-height);color:var(--tng-color-foreground-neutral-subtle);letter-spacing:var(--tng-typography-body-6-letter-spacing)}.example:where(.astro-5aqo6oqb) .preview{--preview-padding:var(--tng-spacing-lg);min-block-size:96px;inline-size:100%}@media not (min-width:50em){.item:where(.astro-5aqo6oqb){padding-block:var(--tng-spacing-lg);border-block-end:var(--tng-stroke-sm) solid var(--tng-color-border-neutral-subtle);display:block}.item:where(.astro-5aqo6oqb)>:where(.astro-5aqo6oqb){border-block-end:0;padding-block:0;display:block}.item:where(.astro-5aqo6oqb)>:where(.astro-5aqo6oqb)+:where(.astro-5aqo6oqb){padding-block-start:var(--tng-spacing-sm);padding-inline-start:0}.example:where(.astro-5aqo6oqb) .preview{max-inline-size:320px}}