@font-face{font-family:StMarie;src:url(/fonts/StMarie-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Martian;src:url(/fonts/MartianMono-Variable.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}.ds-standalone{scrollbar-gutter:stable;scroll-padding-top:calc(var(--g-reference-header) + var(--g-space-control-x))}.ds-standalone::-webkit-scrollbar{width:var(--g-scrollbar);height:var(--g-scrollbar)}.ds-standalone::-webkit-scrollbar-corner,.ds-standalone::-webkit-scrollbar-track{background:transparent}.ds-standalone::-webkit-scrollbar-thumb{border:var(--g-focus) solid transparent;border-radius:var(--g-radius);background:var(--g-line) padding-box}.ds-standalone::-webkit-scrollbar-thumb:hover{background-color:var(--g-muted)}.ds-standalone ::-webkit-scrollbar{width:var(--g-scrollbar);height:var(--g-scrollbar)}.ds-standalone ::-webkit-scrollbar-corner,.ds-standalone ::-webkit-scrollbar-track{background:transparent}.ds-standalone ::-webkit-scrollbar-thumb{border:var(--g-focus) solid transparent;border-radius:var(--g-radius);background:var(--g-line) padding-box}.ds-standalone ::-webkit-scrollbar-thumb:hover{background-color:var(--g-muted)}@supports not selector(::-webkit-scrollbar){.ds-standalone,.ds-standalone *{scrollbar-width:thin;scrollbar-color:var(--g-line) transparent}}.ds-standalone body{margin:0;background:var(--g-background);color:var(--g-text);font:var(--g-weight-body) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui)}.ds-standalone .ds-nav{box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:var(--g-space-content);min-height:var(--g-reference-header);padding:0 var(--g-space-group);background:var(--g-background);border-bottom:var(--g-border) solid var(--g-line)}.ds-standalone .ds-brand{display:flex;width:max-content;align-items:center;color:inherit}.ds-standalone .ds-brand svg{width:var(--g-brand);height:var(--g-brand);fill:currentColor}.ds-standalone .ds-skip{position:fixed;z-index:6;top:-80px;left:24px;padding:var(--g-space-compact) var(--g-space-control-x);background:var(--g-background);color:inherit}.ds-standalone .ds-skip:focus{top:12px}.ds-document{font-stretch:var(--g-font-width);--ds-page-gutter:max(var(--g-page-desktop),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--ink:var(--g-text);--line:var(--g-line);width:min(var(--g-content-max),calc(100% - 2 * var(--page-gutter,var(--ds-page-gutter))));margin-inline:auto;background:var(--g-background);color:var(--g-text);font:var(--g-weight-body) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}.ds-document,.ds-document *{box-sizing:border-box}:where(.ds-document) button,:where(.ds-document) input,:where(.ds-document) select{font:inherit;color:inherit}.ds-document a{color:inherit;text-underline-offset:5px}.ds-document a,.ds-document button,.ds-document input,.ds-document select{touch-action:manipulation}.ds-document button{cursor:pointer}.ds-document dd,.ds-document dl,.ds-document h1,.ds-document h2,.ds-document h3,.ds-document p{margin:0;text-wrap:wrap}.ds-document code{font-family:var(--g-font-ui)}.ds-document ::selection{background:var(--g-text);color:var(--g-background)}.ds-document a:focus-visible{outline:var(--g-focus) solid currentColor;outline-offset:var(--g-space-unit);border-radius:var(--g-radius)}.ds-document .ds-section-nav{display:flex;flex-wrap:wrap;gap:var(--g-space-tight) var(--g-space-content);margin-bottom:40px;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-section-nav a{display:flex;align-items:center;min-height:var(--g-control-height);text-decoration:none}.ds-document .ds-section-nav a:hover{text-decoration:underline}.ds-document .ds-hero-actions{display:flex;flex-wrap:wrap;gap:var(--g-space-tight);margin-top:var(--g-space-group)}@media(max-width:720px){.ds-standalone{scroll-padding-top:calc(var(--g-reference-header-mobile) + var(--g-space-control-x))}.ds-standalone .ds-nav{padding-inline:var(--g-space-card);min-height:var(--g-reference-header-mobile)}.ds-document{font-stretch:var(--g-font-width);--ds-page-gutter:max(var(--g-page-mobile),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.ds-document .ds-section-nav{gap:var(--g-space-tight) var(--g-space-control-x);margin-bottom:var(--g-space-group)}}.ds-document .ds-hero{padding-block:var(--g-space-section)}.ds-document .ds-hero h1{font:var(--g-weight-display) var(--g-type-display)/var(--g-leading-display) var(--g-font-display);letter-spacing:var(--g-tracking-display)}.ds-document .ds-hero p{font-size:var(--g-type-body);line-height:var(--g-leading-body);color:var(--g-muted);margin-top:var(--g-space-card);max-width:64ch}.ds-document .ds-sections{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--g-space-section);gap:var(--g-space-section)}.ds-document .ds-section-heading{display:flex;align-items:baseline;gap:var(--g-space-control-x);margin-bottom:var(--g-space-group)}.ds-document .ds-section-heading>span{font:var(--g-weight-body) var(--g-type-caption)/var(--g-leading-caption) var(--g-font-ui);color:var(--g-muted)}.ds-document h2{font:var(--g-weight-heading) var(--g-type-heading)/var(--g-leading-heading) var(--g-font-ui);letter-spacing:var(--g-tracking-heading)}.ds-document .ds-group-heading{font-size:var(--g-type-caption);font-weight:var(--g-weight-control);line-height:20px;margin:var(--g-space-group) 0 var(--g-space-control-x)}.ds-document .ds-group-heading:first-of-type{margin-top:0}.ds-document .ds-section-note{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted);margin-top:var(--g-space-card);max-width:75ch}.ds-document .ds-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--g-space-content);gap:var(--g-space-content)}.ds-document .ds-palette-base{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-document .ds-swatch{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;background:transparent;border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius);overflow:hidden}.ds-document .ds-swatch:focus-visible{outline:var(--g-focus) solid currentColor;outline-offset:var(--g-space-unit)}.ds-document .ds-swatch-color{display:block;width:100%;height:112px;border-bottom:var(--g-border) solid var(--g-line)}.ds-document .ds-palette-base .ds-swatch-color{height:144px}.ds-document .ds-swatch-info{display:grid;align-content:start;grid-gap:var(--g-space-tight);gap:var(--g-space-tight);padding:var(--g-space-control-x);min-height:130px;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-swatch-info strong{font-weight:var(--g-weight-control)}.ds-document .ds-swatch-info code,.ds-document .ds-swatch-info>span{color:var(--g-muted)}.ds-document .ds-type-row{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:var(--g-space-group);gap:var(--g-space-group);align-items:baseline;padding:28px 0;border-bottom:var(--g-border) solid var(--g-line)}.ds-document .ds-type-meta{display:grid;grid-gap:var(--g-space-unit);gap:var(--g-space-unit);font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-type-meta strong{color:var(--g-text);font-weight:var(--g-weight-control)}.ds-document .ds-type-sample{overflow-wrap:anywhere}.ds-document .ds-type-display{font:var(--g-weight-display) var(--g-type-display)/var(--g-leading-display) var(--g-font-display);letter-spacing:var(--g-tracking-display)}.ds-document .ds-type-title{font:var(--g-weight-title) var(--g-type-title)/var(--g-leading-title) var(--g-font-display);letter-spacing:var(--g-tracking-title)}.ds-document .ds-type-heading{font:var(--g-weight-heading) var(--g-type-heading)/var(--g-leading-heading) var(--g-font-ui);letter-spacing:var(--g-tracking-heading)}.ds-document .ds-type-body{font:var(--g-weight-body) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui);letter-spacing:var(--g-tracking-body);max-width:60ch}.ds-document .ds-type-stretch{font-stretch:var(--g-font-width-text)}.ds-document .ds-type-control{font:var(--g-weight-control) var(--g-type-control)/var(--g-leading-control) var(--g-font-ui);letter-spacing:var(--g-tracking-control)}.ds-document .ds-type-caption{font:var(--g-weight-caption) var(--g-type-caption)/var(--g-leading-caption) var(--g-font-ui);letter-spacing:var(--g-tracking-caption)}.ds-document .ds-glyphs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--g-space-group);gap:var(--g-space-group);margin-top:var(--g-space-group)}.ds-document .ds-glyphs span{font-size:var(--g-type-caption);color:var(--g-muted)}.ds-document .ds-glyphs p{margin-top:var(--g-space-control-x);line-height:1.8;overflow-wrap:anywhere}.ds-document .ds-button-grid,.ds-document .ds-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--g-space-content);gap:var(--g-space-content)}.ds-document .ds-button-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-document .ds-text-link{display:inline-flex;align-items:center;min-height:var(--g-control-height);font:var(--g-weight-body) var(--g-type-caption)/var(--g-leading-caption) var(--g-font-ui)}.ds-document .ds-button-cell{display:grid;justify-items:start;align-content:start;grid-gap:var(--g-space-content);gap:var(--g-space-content);padding:var(--g-space-card);border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius);min-width:0}.ds-document .ds-button-cell h3{font-size:var(--g-type-caption);font-weight:var(--g-weight-control);line-height:20px}.ds-document .ds-label{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-button-cell>div{display:flex;align-items:center;min-height:var(--g-control-height)}.ds-document .ds-specification{display:flex;gap:var(--g-space-content) 40px;flex-wrap:wrap;margin-block:var(--g-space-group)}.ds-document .ds-specification>div{display:grid;grid-gap:var(--g-space-tight);gap:var(--g-space-tight)}.ds-document .ds-specification dt{font-size:var(--g-type-caption);color:var(--g-muted)}.ds-document .ds-specification dd{font-size:var(--g-type-body)}.ds-document .ds-table-wrap{overflow:auto}.ds-document .ds-table-wrap:focus-visible{outline:var(--g-focus) solid currentColor;outline-offset:var(--g-space-unit)}.ds-document table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document td,.ds-document th{padding:var(--g-space-control-x);border-bottom:var(--g-border) solid var(--g-line);font-weight:var(--g-weight-body)}.ds-document thead th{color:var(--g-muted)}.ds-document td:first-child,.ds-document th:first-child{padding-left:0}.ds-document td:last-child,.ds-document th:last-child{padding-right:0}.ds-document .ds-states{min-width:940px}.ds-document .ds-states .action-control{min-width:128px}.ds-document .ds-states td{text-align:center}.ds-document .ds-radius-row{display:flex;gap:var(--g-space-block);flex-wrap:wrap}.ds-document .ds-radius-row>div{display:grid;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x);justify-items:start;font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-radius-box{width:96px;height:96px;border:var(--g-border) solid var(--g-line);background:var(--g-surface)}.ds-document .ds-radius-circle{border-radius:50%}.ds-document .ds-elevation-grid{margin-top:0;grid-template-columns:repeat(4,minmax(0,1fr))}.ds-document .ds-device-ladder{display:flex;gap:var(--g-space-content);align-items:flex-end;flex-wrap:wrap;margin-top:var(--g-space-group)}.ds-document .ds-device-ladder>div{display:flex;align-items:flex-end;padding:var(--g-space-compact);border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius);background:var(--g-surface);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:1023px){.ds-document .ds-type-row{grid-template-columns:200px minmax(0,1fr);gap:var(--g-space-content)}.ds-document .ds-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-document .ds-row-body{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.ds-document .ds-row-title{grid-row:1/3}.ds-document .ds-glyphs{grid-template-columns:1fr}.ds-document .ds-spacing-examples{gap:var(--g-space-content)}}@media(max-width:720px){.ds-document .ds-section-heading{gap:var(--g-space-compact);margin-bottom:var(--g-space-card)}.ds-document .ds-button-grid,.ds-document .ds-card-grid,.ds-document .ds-form-grid,.ds-document .ds-palette-base,.ds-document .ds-palette-grid,.ds-document .ds-spacing-examples,.ds-document .ds-surface-grid{grid-template-columns:1fr}.ds-document .ds-type-row{grid-template-columns:1fr;gap:var(--g-space-control-x)}.ds-document .ds-surface-example{min-height:140px}.ds-document .ds-specification{gap:var(--g-space-content)}.ds-document .ds-device-ladder{gap:var(--g-space-control-x)}.ds-document .ds-device-ladder>div{max-width:100%}}@media(prefers-reduced-motion:reduce){.ds-document .external-link svg{transition:none}.ds-document .external-link:hover svg{transform:none}}.ds-document .ds-filter{display:inline-flex;align-items:center;justify-content:center;gap:var(--g-space-tight);min-height:var(--g-control-height);padding:0 var(--g-space-control-x);background:var(--g-surface);color:var(--g-text);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);white-space:nowrap;font:var(--g-weight-body) var(--g-type-caption)/var(--g-leading-caption) var(--g-font-ui);cursor:pointer}.ds-document .ds-filter:not(:disabled):is(:hover,[data-state=hover]){background:var(--ds-filter-hover);border-color:var(--g-text)}.ds-document .ds-filter:not(:disabled):is(:active,[data-state=pressed]){background:var(--ds-filter-pressed);border:var(--g-focus) solid var(--g-text);padding-inline:calc(var(--g-space-control-x) + var(--g-border) - var(--g-focus))}.ds-document .ds-filter:is(:focus-visible,[data-state=focus]){outline:0;border:var(--g-focus) solid var(--g-text);padding-inline:calc(var(--g-space-control-x) + var(--g-border) - var(--g-focus))}.ds-document .ds-filter:disabled{opacity:var(--g-disabled-opacity);cursor:default}.ds-document .ds-filter[aria-busy=true]{opacity:1}.ds-document .ds-filter svg{width:var(--g-icon);height:var(--g-icon);flex:none;fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.ds-document .ds-states .ds-filter{min-width:128px;padding-inline:var(--g-space-compact)}.ds-document .ds-states .ds-filter:is([data-state=pressed],[data-state=focus]){padding-inline:11px}.ds-document .ds-sample-card{display:block;min-width:0;overflow:hidden;border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius);background:transparent;color:var(--g-text);text-decoration:none}.ds-document .ds-card-grid{grid-template-columns:repeat(var(--g-layout-columns),minmax(0,1fr));align-items:stretch}.ds-document .ds-card-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-document .ds-card-note+.ds-group-heading,.ds-document .ds-card-pair+.ds-group-heading{margin-top:var(--g-space-block)}.ds-document .ds-card-note{margin-top:var(--g-space-control-x)}.ds-document .ds-row-list{display:grid;grid-gap:var(--g-space-tight);gap:var(--g-space-tight)}.ds-document .ds-sample-row{display:grid;grid-template-columns:var(--g-card-thumbnail) minmax(0,1fr);overflow:hidden;border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius);color:var(--g-text);text-decoration:none}.ds-document .ds-sample-row:hover{background:var(--g-surface);border-color:var(--g-text)}.ds-document .ds-row-thumb{aspect-ratio:var(--g-card-media-ratio);background:var(--g-surface);border-right:var(--g-border) solid var(--g-line)}.ds-document .ds-row-body{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,320px);align-items:center;grid-gap:var(--g-space-tight) var(--g-space-content);gap:var(--g-space-tight) var(--g-space-content);padding:var(--g-space-control-x) var(--g-space-card)}.ds-document .ds-row-title{font:var(--g-weight-title) var(--g-type-title)/var(--g-leading-title) var(--g-font-display);letter-spacing:var(--g-tracking-title)}.ds-document .ds-row-text{font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-sample-card-media{display:flex;flex-direction:column}.ds-document .ds-card-title{display:grid;grid-template-columns:minmax(0,1fr) var(--g-icon);align-items:start;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x);font:var(--g-weight-title) var(--g-type-title)/var(--g-leading-title) var(--g-font-display);letter-spacing:var(--g-tracking-title)}.ds-document .ds-card-title svg{width:var(--g-icon);height:var(--g-icon);margin-top:var(--g-space-compact);fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke);transition:transform var(--g-motion-s) var(--g-motion-ease)}.ds-document .ds-sample-card-link:hover .ds-card-link-label svg,.ds-document .ds-sample-card-link:hover .ds-card-title svg{transform:translateX(var(--g-motion-link-x))}.ds-document .ds-card-link-label svg{transition:transform var(--g-motion-s) var(--g-motion-ease)}.ds-document .ds-sample-card-body{display:grid;grid-gap:var(--g-space-content);gap:var(--g-space-content);padding:var(--g-space-card)}.ds-document .ds-sample-card h3{font:var(--g-weight-control) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui)}.ds-document .ds-sample-card p{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-sample-card-link,.ds-document .ds-sample-row{transition:background-color var(--g-motion-s) var(--g-motion-ease),border-color var(--g-motion-s) var(--g-motion-ease)}.ds-document .ds-sample-card-link:hover{background:var(--g-surface);border-color:var(--g-text)}.ds-document .ds-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--g-space-content);gap:var(--g-space-content);margin-top:var(--g-space-group)}.ds-document .ds-extra{display:grid;align-content:start;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x)}.ds-document .ds-extra .ds-group-heading{margin:0}.ds-document .ds-extra-wide{grid-column:1/-1}.ds-document .ds-chips{display:flex;flex-wrap:wrap;gap:var(--g-space-tight);margin:0;padding:0;list-style:none}.ds-document .ds-chips li{padding:var(--g-space-tight) var(--g-space-compact);background:var(--g-surface);border-radius:var(--g-radius);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-disclosures{border-top:var(--g-border) solid var(--g-line)}.ds-document .ds-disclosures details{border-bottom:var(--g-border) solid var(--g-line)}.ds-document .ds-disclosures details[data-animating]{overflow:clip}.ds-document .ds-disclosures summary{display:grid;grid-template-columns:288px minmax(0,1fr) 16px;align-items:center;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x);min-height:var(--g-control-height);padding-block:var(--g-space-compact);cursor:pointer;list-style:none;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-disclosures summary::-webkit-details-marker{display:none}.ds-document .ds-disclosures summary code{font-weight:var(--g-weight-control)}.ds-document .ds-disclosures summary span{color:var(--g-muted)}.ds-document .ds-disclosures details>p{padding-bottom:var(--g-space-card);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-disclosure-mark{display:block;width:var(--g-icon);height:var(--g-icon);fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke)}.ds-document .ds-disclosure-mark-stem{transform-box:fill-box;transform-origin:center;transition:transform var(--g-motion-l) var(--g-motion-ease)}.ds-document .ds-disclosures details[open]:not([data-state=closed])>summary .ds-disclosure-mark-stem{transform:scaleY(0)}.ds-document .ds-link-pair{display:flex;flex-wrap:wrap;gap:0 var(--g-space-content)}.ds-document .ds-nav-link{display:inline-flex;align-items:center;min-height:var(--g-control-height);text-decoration:none;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-nav-link:hover{text-decoration:underline}.ds-document .ds-surface-shade{background:color-mix(in srgb,var(--g-ink) var(--g-dialog-backdrop-opacity),transparent);color:var(--g-paper)}.ds-document .ds-sample-card-link:focus-visible{outline:var(--g-focus) solid currentColor;outline-offset:var(--g-focus-offset)}.ds-document .ds-card-link-label{display:flex;align-items:center;justify-content:space-between;gap:var(--g-space-control-x)}.ds-document .ds-card-link-label svg{width:var(--g-icon);height:var(--g-icon);fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke)}.ds-document .ds-media-placeholder{display:grid;place-content:center;justify-items:center;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x);aspect-ratio:var(--g-card-media-ratio);background:var(--g-surface);color:var(--g-muted);border-bottom:var(--g-border) solid var(--g-line);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-media-placeholder svg{width:64px;height:var(--g-control-height);fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke)}.ds-document .ds-surface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--g-space-content);gap:var(--g-space-content);margin-top:var(--g-space-group)}.ds-document .ds-surface-example{display:grid;align-content:end;grid-gap:var(--g-space-tight);gap:var(--g-space-tight);min-height:160px;padding:var(--g-space-card);border-radius:var(--g-radius);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-surface-example strong{font-weight:var(--g-weight-control)}.ds-document .ds-surface-example code,.ds-document .ds-surface-example>span{color:var(--g-muted)}.ds-document .ds-surface-base{background:var(--g-background);border:var(--g-border) dashed var(--g-line)}.ds-document .ds-surface-panel{background:var(--g-surface)}.ds-document .ds-surface-outline{background:var(--g-background);border:var(--g-border) solid var(--g-line)}.ds-document .ds-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;grid-gap:var(--g-space-content);gap:var(--g-space-content)}.ds-document .ds-form-field{display:grid;grid-gap:var(--g-space-tight);gap:var(--g-space-tight);min-width:0;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-form-field>label,.ds-document .ds-form-field>span:first-child{color:var(--g-muted)}.ds-document .ds-form-field input{width:100%;height:var(--g-control-height);padding:var(--g-space-compact) var(--g-space-control-x);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-surface);color:var(--g-text);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-form-field input::placeholder{color:var(--g-muted)}.ds-document .ds-form-field input:not(:disabled):is(:hover,.ds-is-hovered){background:var(--g-background);border-color:var(--g-text)}.ds-document .ds-form-field input:is(:focus-visible,.ds-is-focused){background:var(--g-background);outline:0;border:var(--g-focus) solid var(--g-text);padding:calc(var(--g-space-compact) + var(--g-border) - var(--g-focus)) calc(var(--g-space-control-x) + var(--g-border) - var(--g-focus))}.ds-document .ds-form-field input:disabled{opacity:var(--g-disabled-opacity);cursor:default}.ds-document .ds-form-field input[aria-invalid=true]{border:var(--g-focus) dashed var(--g-text);padding:calc(var(--g-space-compact) + var(--g-border) - var(--g-focus)) calc(var(--g-space-control-x) + var(--g-border) - var(--g-focus))}.ds-document .ds-form-field small{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted);margin-top:-4px}.ds-document .ds-field-message{display:flex;align-items:flex-start;gap:var(--g-space-tight)}.ds-document .ds-field-message svg{flex:none;width:var(--g-icon);height:var(--g-icon);margin-top:2px;stroke:currentColor;fill:none;stroke-width:var(--g-icon-stroke)}.ds-document .ds-field-message[hidden]{display:none}.ds-document .ds-custom-select{position:relative;width:100%;min-width:0;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-custom-select.ds-is-filter{width:auto}.ds-document .ds-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--g-space-tight);width:100%;min-height:var(--g-control-height);padding:0 var(--g-space-control-x);background:var(--g-surface);color:var(--g-text);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);font:inherit;text-align:left;cursor:pointer}.ds-document .ds-select-trigger:hover{border-color:var(--g-text);background:var(--ds-filter-hover)}.ds-document .ds-select-trigger[aria-expanded=true]{background:var(--ds-filter-pressed)}.ds-document .ds-select-trigger:is(:focus-visible,[aria-expanded=true]){outline:0;border:var(--g-focus) solid var(--g-text);padding-inline:calc(var(--g-space-control-x) + var(--g-border) - var(--g-focus))}.ds-document .ds-select-chevron{display:block;width:var(--g-icon);height:var(--g-icon);flex:none;fill:none;stroke:currentColor;stroke-width:var(--g-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.ds-document .ds-custom-select [aria-expanded=true]>.ds-select-chevron{transform:rotate(180deg)}.ds-document .ds-select-list{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:100%;width:max-content;max-width:min(400px,calc(100vw - 48px));max-height:var(--g-menu-max-height);overflow:auto;padding:var(--g-space-unit);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-background);color:var(--g-text)}.ds-document .ds-select-list[hidden]{display:none}@keyframes ds-popover-down{0%{opacity:0;transform:translateY(calc(var(--g-motion-shift-s) * -1))}}@keyframes ds-popover-up{0%{opacity:0;transform:translateY(var(--g-motion-shift-s))}}@keyframes ds-popover-out-down{to{opacity:0;transform:translateY(calc(var(--g-motion-shift-s) * -1))}}@keyframes ds-popover-out-up{to{opacity:0;transform:translateY(var(--g-motion-shift-s))}}.ds-document .ds-select-list{animation:ds-popover-down var(--g-motion-s) var(--g-motion-ease)}.ds-document .ds-select-list[data-closing]{animation:ds-popover-out-down var(--g-motion-s) var(--g-motion-ease) forwards;pointer-events:none}.ds-document .ds-custom-select[data-side=top]>.ds-select-list[data-closing]{animation-name:ds-popover-out-up}.ds-document .ds-custom-select[data-side=top]>.ds-select-list{animation-name:ds-popover-up;top:auto;bottom:calc(100% + 8px)}.ds-document .ds-select-list [role=option]{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;grid-gap:var(--g-space-control-x);gap:var(--g-space-control-x);min-height:var(--g-control-height);padding:var(--g-space-compact) var(--g-space-control-x);border-radius:var(--g-radius);cursor:pointer;white-space:nowrap}.ds-document .ds-select-list [role=option]>svg{width:var(--g-icon);height:var(--g-icon);stroke:currentColor;stroke-width:var(--g-icon-stroke);fill:none;opacity:0}.ds-document .ds-select-list [aria-selected=true]{font-weight:var(--g-weight-control)}.ds-document .ds-select-count{color:var(--g-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-document .ds-select-list [data-active=true] .ds-select-count{color:inherit}.ds-document .ds-tabs{display:flex;gap:var(--g-space-content);border-bottom:var(--g-border) solid var(--g-line)}.ds-document .ds-tabs button{min-height:var(--g-control-height);margin-bottom:-1px;padding:0;border:0;border-bottom:var(--g-focus) solid transparent;background:none;font:var(--g-weight-body) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui)}.ds-document .ds-tabs button:hover{border-bottom-color:var(--g-muted)}.ds-document .ds-tabs button[aria-pressed=true]{border-bottom-color:var(--g-text);font-weight:var(--g-weight-control)}.ds-document .ds-tabs button:focus-visible{outline:var(--g-focus) solid currentColor;outline-offset:2px}.ds-document .ds-select-list [aria-selected=true]>svg{opacity:1}.ds-document .ds-select-list [data-active=true]{background:var(--g-text);color:var(--g-background)}.ds-document .ds-spacing-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--g-space-content);gap:var(--g-space-content)}.ds-document .ds-spacing-scale>div{display:grid;align-content:start;grid-gap:var(--g-space-compact);gap:var(--g-space-compact);padding-top:var(--g-space-control-x);border-top:var(--g-border) solid var(--g-line)}.ds-document .ds-container-diagram h3,.ds-document .ds-spacing-context h3,.ds-document .ds-spacing-scale h3{font:var(--g-weight-control) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui)}.ds-document .ds-spacing-scale code,.ds-document .ds-spacing-scale p{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-spacing-scale code{overflow-wrap:anywhere}.ds-document .ds-spacing-bar{height:16px;background:var(--g-text);max-width:100%}.ds-document .ds-spacing-context-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--g-space-block)}.ds-document .ds-spacing-context,.ds-document .ds-spacing-context-grid{display:grid;grid-gap:var(--g-space-content);gap:var(--g-space-content)}.ds-document .ds-spacing-context{align-content:start;min-width:0;padding:var(--g-space-card);border:var(--g-border) solid var(--g-line);border-radius:var(--g-radius)}.ds-document .ds-spacing-context-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-document .ds-label-gap-demo{position:relative;display:grid;grid-gap:var(--g-space-unit);gap:var(--g-space-unit);padding-right:56px;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-mini-field{display:flex;align-items:center;min-height:var(--g-control-height);padding:0 var(--g-space-compact);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-background)}.ds-document .ds-label-gap-demo small{font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted)}.ds-document .ds-micro-dimension{position:absolute;right:0;top:40px}.ds-document .ds-icon-gap-demo,.ds-document .ds-micro-dimension{font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-icon-gap-demo{display:flex;align-items:center;min-height:var(--g-control-height)}.ds-document .ds-icon-gap-demo>svg{width:var(--g-icon);height:var(--g-icon);stroke:currentColor;stroke-width:var(--g-icon-stroke);fill:none}.ds-document .ds-gap-zone{width:var(--g-space-tight);height:24px;flex:none;background:var(--g-surface);border-inline:1px dashed var(--g-muted)}.ds-document .ds-button-inset-demo{display:flex;align-items:stretch;justify-self:start;height:var(--g-control-height);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-button-inset-demo>span:not(.ds-inset-zone){display:flex;align-items:center;padding-inline:0}.ds-document .ds-inset-zone{width:var(--g-space-control-x);background:var(--g-surface);border-inline:1px dashed var(--g-line)}.ds-document .ds-inset-legend{display:flex;justify-content:space-between;gap:var(--g-space-control-x);font-size:var(--g-type-caption);line-height:var(--g-leading-caption);color:var(--g-muted);margin-top:-16px}.ds-document .ds-card-padding-demo{position:relative;padding:var(--g-space-card);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-surface)}.ds-document .ds-card-padding-content{display:grid;grid-gap:var(--g-space-content);gap:var(--g-space-content);padding:0;border:0;outline:var(--g-border) dashed var(--g-line);background:var(--g-background)}.ds-document .ds-card-padding-content h4{margin:0;font:var(--g-weight-control) var(--g-type-body)/var(--g-leading-body) var(--g-font-ui)}.ds-document .ds-card-padding-content p{font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-card-padding-content .action-control{justify-self:start}.ds-document .ds-measure-bottom,.ds-document .ds-measure-left,.ds-document .ds-measure-right,.ds-document .ds-measure-top{position:absolute;font-size:var(--g-type-caption);line-height:var(--g-leading-caption);white-space:nowrap}.ds-document .ds-measure-top{top:2px;left:50%;transform:translateX(-50%)}.ds-document .ds-measure-bottom{bottom:2px;left:50%;transform:translateX(-50%)}.ds-document .ds-measure-left{left:2px;top:50%;transform:translate(-35%,-50%) rotate(-90deg)}.ds-document .ds-measure-right{right:2px;top:50%;transform:translate(35%,-50%) rotate(90deg)}.ds-document .ds-section-gap-demo{position:relative;display:grid;grid-gap:var(--g-space-section);gap:var(--g-space-section)}.ds-document .ds-section-gap-demo>div{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--g-space-control-x);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-background);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-section-gap-value{position:absolute;inset:56px 0;display:grid;place-items:center;background:var(--g-surface);border-left:var(--g-border) dashed var(--g-muted);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-container-diagram{display:grid;grid-gap:var(--g-space-content);gap:var(--g-space-content);margin-top:var(--g-space-block)}.ds-document .ds-page-inset-demo{position:relative;padding:var(--g-page-desktop);border:var(--g-border) solid var(--g-muted);border-radius:var(--g-radius);background:var(--g-surface)}.ds-document .ds-page-inset-demo>div{padding:var(--g-space-card);background:var(--g-background);border:var(--g-border) dashed var(--g-muted);text-align:center;font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-page-inset-label{position:absolute;top:50%;font-size:var(--g-type-caption);line-height:var(--g-leading-caption);white-space:nowrap}.ds-document .ds-inset-left{left:calc(var(--g-page-desktop) / 2);transform:translate(-50%,-50%) rotate(-90deg)}.ds-document .ds-inset-right{right:calc(var(--g-page-desktop) / 2);transform:translate(50%,-50%) rotate(90deg)}.ds-document .ds-diagram-scroll{overflow:auto}.ds-document .ds-viewport-diagram{display:block;width:100%;min-width:720px;max-height:360px;font-family:var(--g-font-ui);font-size:26px;fill:var(--g-text)}.ds-document .ds-diagram-viewport{fill:var(--g-surface);stroke:var(--g-line)}.ds-document .ds-diagram-content{fill:var(--g-background);stroke:var(--g-muted)}.ds-document .ds-diagram-rule{fill:none;stroke:var(--g-text)}.ds-document .ds-viewport-diagram path,.ds-document .ds-viewport-diagram rect{vector-effect:non-scaling-stroke;stroke-width:1}@media(max-width:1023px){.ds-document .ds-spacing-context-grid,.ds-document .ds-spacing-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-document .ds-spacing-context-grid>.ds-spacing-context:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:720px){.ds-document .ds-card-grid,.ds-document .ds-extras-grid{grid-template-columns:1fr}.ds-document .ds-sample-row{grid-template-columns:var(--g-card-thumbnail-mobile) minmax(0,1fr)}.ds-document .ds-row-body{grid-template-columns:minmax(0,1fr);gap:var(--g-space-unit);padding:var(--g-space-compact) var(--g-space-control-x)}.ds-document .ds-row-title{font-size:var(--g-type-heading);line-height:var(--g-leading-heading)}.ds-document .ds-disclosures summary{grid-template-columns:minmax(0,1fr) 16px;gap:var(--g-space-unit) var(--g-space-control-x)}.ds-document .ds-disclosures summary span{grid-row:2}.ds-document .ds-form-grid,.ds-document .ds-spacing-context-grid,.ds-document .ds-spacing-context-pair,.ds-document .ds-spacing-scale,.ds-document .ds-surface-grid{grid-template-columns:1fr}.ds-document .ds-spacing-context-grid>.ds-spacing-context:last-child:nth-child(odd){grid-column:auto}.ds-document .ds-spacing-context{padding:var(--g-space-card)}.ds-document .ds-select-list{max-width:calc(100vw - 48px)}.ds-document .ds-card-padding-demo{padding:var(--g-space-card)}}.ds-document .ds-filter[aria-expanded=true]{background:var(--ds-filter-pressed)}.ds-document details[data-animating]{overflow:clip;overflow-anchor:none}.ds-document .ds-token-reference{margin-top:var(--g-space-group)}.ds-document .ds-token-reference>summary{display:flex;align-items:center;gap:var(--g-space-control-x);min-height:var(--g-control-height);cursor:pointer;list-style:none}.ds-document .ds-token-reference>summary::-webkit-details-marker{display:none}.ds-document details[open]:not([data-state=closed])>summary .ds-disclosure-mark-stem{transform:scaleY(0)}.ds-document .ds-tab-example{width:100%;min-width:0}.ds-document .ds-tab-panels{margin-top:var(--g-space-control-x);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-tab-panels [hidden]{display:none}.ds-document .ds-tab-panels [data-swap]{animation:ds-content-in var(--g-motion-m) var(--g-motion-ease) backwards}@keyframes ds-content-in{0%{opacity:0;transform:translateY(var(--g-motion-shift-l))}}.ds-document .ds-sample-card-media p{color:var(--g-text)}@media(prefers-reduced-motion:reduce){.ds-document .ds-card-link-label svg,.ds-document .ds-card-title svg,.ds-document .ds-disclosure-mark-stem,.ds-document .ds-sample-card-link,.ds-document .ds-sample-row{transition:none}.ds-document .ds-select-list,.ds-document .ds-tab-panels [data-swap]{animation:none}}@media(min-width:721px) and (max-width:1023px){.ds-document .ds-row-body{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.ds-document .ds-row-title{grid-row:1/3}}.ds-document .ds-behavior-list{padding-left:var(--g-space-card);font-size:var(--g-type-caption);line-height:var(--g-leading-caption)}.ds-document .ds-behavior-list li+li{margin-top:var(--g-space-tight)}.ds-document .ds-layout-controls{display:flex;gap:var(--g-space-tight);margin-bottom:var(--g-space-control-x)}.ds-document [data-layout-grid][data-layout=list]{grid-template-columns:1fr}.ds-document [data-layout-grid][data-layout=list] .ds-media-placeholder{display:none}.ds-document [data-layout-grid][data-moving]{overflow-x:clip}