:root{--doc-font-mono:var(--font-doc-mono),ui-monospace,sfmono-regular,menlo,monospace;--doc-font-display:var(--font-doc-display),ui-sans-serif,system-ui,sans-serif;--doc-ink:#175faa;--doc-ink-muted:#3a7eb5;--doc-ink-quiet:var(--brand-primary);--doc-rule:#c5daf0;--doc-wash:#f0f7ff;--doc-wash-strong:#d8eaff;--doc-eyebrow-size:10px;--doc-eyebrow-line:14px;--doc-eyebrow-tracking:1.2px;--doc-title-size:16px;--doc-title-line:22px;--doc-title-large-size:22px;--doc-title-large-line:28px;--doc-body-size:12px;--doc-body-line:18px;--doc-caption-size:11px;--doc-caption-line:16px;--doc-caption-size-tight:calc(var(--doc-caption-size) * 0.92);--doc-caption-size-tighter:calc(var(--doc-caption-size) * 0.88);--doc-display-size:32px;--doc-display-line:40px;--doc-font-scale-lg:18px;--doc-micro-size:9px;--doc-frame-stroke-width:2px;--doc-space-tight:var(--spacing-4);--doc-space-related:var(--spacing-8);--doc-space-related-loose:var(--spacing-12);--doc-space-specimen:var(--spacing-16);--doc-space-inset:var(--spacing-16);--doc-space-section:var(--spacing-24);--doc-space-region:var(--spacing-48);--doc-content-max:72rem;--doc-code-surface:hsl(230,1%,98%)}[data-theme=dark]{--doc-ink:#7eb6e8;--doc-ink-muted:#9ac4eb;--doc-ink-quiet:var(--teal-200,#75cfd6);--doc-rule:#2a4a6a;--doc-wash:#152a40;--doc-wash-strong:#1e3a56;--doc-code-surface:hsl(220,13%,18%)}.doc-page .doc-guidance a,.doc-page .doc-meta a,.doc-page .doc-note a,.doc-page .docs-registry-list a,.doc-page .docs-registry-muted a,.doc-page .docs-section__description a,.docs-shell .doc-meta a,.docs-shell .doc-note a,.docs-shell .doc-section__description a,.docs-shell .docs-registry-list a,.docs-shell .docs-registry-muted a,.docs-sp-page .docs-registry-list a,.docs-sp-page .docs-registry-muted a,a.doc-link{font-family:var(--doc-font-mono);font-weight:700;color:var(--brand-primary);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.doc-page .doc-guidance a:visited,.doc-page .doc-meta a:visited,.doc-page .doc-note a:visited,.doc-page .docs-registry-list a:visited,.doc-page .docs-registry-muted a:visited,.doc-page .docs-section__description a:visited,.docs-shell .doc-meta a:visited,.docs-shell .doc-note a:visited,.docs-shell .doc-section__description a:visited,.docs-shell .docs-registry-list a:visited,.docs-shell .docs-registry-muted a:visited,.docs-sp-page .docs-registry-list a:visited,.docs-sp-page .docs-registry-muted a:visited,a.doc-link:visited{color:var(--brand-primary)}.doc-page .doc-guidance a:hover,.doc-page .doc-meta a:hover,.doc-page .doc-note a:hover,.doc-page .docs-registry-list a:hover,.doc-page .docs-registry-muted a:hover,.doc-page .docs-section__description a:hover,.docs-shell .doc-meta a:hover,.docs-shell .doc-note a:hover,.docs-shell .doc-section__description a:hover,.docs-shell .docs-registry-list a:hover,.docs-shell .docs-registry-muted a:hover,.docs-sp-page .docs-registry-list a:hover,.docs-sp-page .docs-registry-muted a:hover,a.doc-link:hover{color:var(--brand-primary);text-decoration-thickness:2px}.doc-page .doc-guidance a:focus-visible,.doc-page .doc-meta a:focus-visible,.doc-page .doc-note a:focus-visible,.doc-page .docs-registry-list a:focus-visible,.doc-page .docs-registry-muted a:focus-visible,.doc-page .docs-section__description a:focus-visible,.docs-shell .doc-meta a:focus-visible,.docs-shell .doc-note a:focus-visible,.docs-shell .doc-section__description a:focus-visible,.docs-shell .docs-registry-list a:focus-visible,.docs-shell .docs-registry-muted a:focus-visible,.docs-sp-page .docs-registry-list a:focus-visible,.docs-sp-page .docs-registry-muted a:focus-visible,a.doc-link:focus-visible{outline:2px solid var(--doc-ink);outline-offset:2px}.doc-catalog{display:flex;flex-direction:column;list-style:none;border-top:1px solid var(--doc-rule)}.doc-catalog,.doc-catalog__item{margin:0;padding:0}.doc-catalog__row,.docs-shell .doc-section a.doc-catalog__row,.docs-shell .doc-section a.doc-link.doc-catalog__row,a.doc-catalog__row,a.doc-link.doc-catalog__row{display:flex;flex-direction:column;gap:var(--doc-space-tight);justify-content:center;min-height:44px;padding:var(--doc-space-related-loose) 0;border-bottom:1px solid var(--doc-rule);font-family:var(--doc-font-mono);font-weight:400;color:var(--brand-primary);text-decoration:none;text-decoration-thickness:auto}.docs-shell .doc-section a.doc-catalog__row:visited,.docs-shell .doc-section a.doc-link.doc-catalog__row:visited,a.doc-catalog__row:visited,a.doc-link.doc-catalog__row:visited{color:var(--brand-primary)}.docs-shell .doc-section a.doc-catalog__row:hover,.docs-shell .doc-section a.doc-link.doc-catalog__row:hover,a.doc-catalog__row:hover,a.doc-link.doc-catalog__row:hover{background-color:transparent;color:var(--brand-primary);text-decoration:none;text-decoration-thickness:auto}.docs-shell .doc-section a.doc-catalog__row:focus-visible,a.doc-catalog__row:focus-visible{outline:2px solid var(--doc-ink);outline-offset:2px}.doc-catalog__title{font-size:var(--doc-title-size);font-weight:700;line-height:var(--doc-title-line);color:var(--brand-primary);text-decoration:none}.doc-catalog__row--static{cursor:default}.doc-catalog__row--static .doc-catalog__title{font-weight:500;text-decoration:none;color:var(--doc-ink-quiet)}.doc-catalog__desc{font-size:var(--doc-body-size);font-weight:400;line-height:var(--doc-body-line);color:var(--brand-primary);text-decoration:none}.doc-catalog__meta{font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--doc-ink-quiet);text-decoration:none}.doc-catalog__meta,.doc-eyebrow{font-weight:500;letter-spacing:var(--doc-eyebrow-tracking);text-transform:uppercase}.doc-eyebrow{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);line-height:var(--doc-eyebrow-line);color:var(--brand-primary)}.doc-header,.doc-header__title-block{display:flex;flex-direction:column;gap:var(--doc-space-related)}.doc-header__title{margin:0;font-family:var(--doc-font-display);font-size:var(--doc-display-size);font-weight:700;line-height:var(--doc-display-line);color:var(--brand-primary)}.doc-header__aside{margin:0}.doc-header__blurb{font-size:var(--doc-body-size);line-height:var(--doc-body-line)}.doc-header__blurb,.doc-header__composes{margin:0;font-family:var(--doc-font-mono);font-weight:400;color:var(--brand-primary)}.doc-header__composes{font-size:var(--doc-caption-size);line-height:var(--doc-caption-line)}.doc-meta{display:flex;flex-direction:column;gap:var(--doc-space-related);padding-bottom:var(--doc-space-section);border-bottom:1px solid var(--doc-rule)}.doc-legend__title,.doc-meta__title,.doc-note__title,.doc-section__title,.doc-specimen-label__title{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-title-size);font-weight:500;line-height:var(--doc-title-line);color:var(--brand-primary)}.doc-legend__body,.doc-meta__body,.doc-note__body,.doc-section__description,.doc-specimen-label__caption{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:400;line-height:var(--doc-caption-line);color:var(--brand-primary)}.doc-section{gap:var(--doc-space-section)}.doc-section,.doc-section__intro{display:flex;flex-direction:column}.doc-section__intro{gap:var(--doc-space-tight)}.doc-section__title{font-size:var(--doc-title-size)}.doc-specimen-label{display:flex;flex-direction:column;gap:var(--doc-space-tight)}.doc-specimen-label--rule{padding-bottom:var(--doc-space-related);border-bottom:1px solid var(--doc-rule)}.doc-specimen{gap:var(--doc-space-specimen)}.doc-layout-index,.doc-specimen{display:flex;flex-direction:column}.doc-layout-index{gap:var(--doc-space-related);margin:0;padding:0;list-style:none}.doc-layout-index__item{display:flex;flex-direction:column;gap:var(--doc-space-tight);padding-block:var(--doc-space-related);border-bottom:1px solid var(--card-border)}.doc-layout-index__item:first-child{padding-top:0}.doc-layout-index__link{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:700;color:var(--brand-primary);text-decoration:underline;text-underline-offset:.15em}.doc-layout-index__link:hover{text-decoration-thickness:2px}.doc-layout-index__caption{margin:0;font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--doc-ink-quiet)}.doc-padding-strip{display:flex;flex-wrap:wrap;gap:var(--doc-space-related-loose);align-items:stretch;width:100%}.doc-padding-strip__cell{display:flex;flex:1 1 140px;flex-direction:column;gap:var(--doc-space-tight);min-width:0;margin:0;padding:var(--doc-space-related);font:inherit;text-align:start;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-radius-md);color:inherit}.doc-padding-strip__cell:hover{border-color:var(--doc-rule)}.doc-padding-strip__cell:focus-visible{outline:2px solid var(--doc-ink-quiet);outline-offset:2px}.doc-padding-strip__cell--selected{border-color:var(--brand-primary)}.doc-padding-strip__label{font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:500;line-height:var(--doc-caption-line);color:var(--doc-ink-quiet)}.doc-padding-strip__cell--selected .doc-padding-strip__label{color:var(--brand-primary)}.doc-note{display:flex;flex-direction:column;gap:var(--doc-space-related);margin-top:32px;padding-top:var(--doc-space-section);border-top:1px solid var(--doc-rule)}.doc-note__list{margin:0;padding-left:var(--doc-space-specimen);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:400;line-height:var(--doc-caption-line);color:var(--brand-primary)}.doc-note__list li+li{margin-top:var(--doc-space-tight)}.doc-legend{display:flex;flex-direction:column;gap:var(--doc-space-related);padding-bottom:var(--doc-space-section);border-bottom:1px solid var(--doc-rule)}.doc-legend__body{font-size:var(--doc-body-size);line-height:var(--doc-body-line);color:var(--brand-primary);white-space:pre-line}.doc-preview-frame{display:flex;flex-direction:column;align-items:stretch;gap:var(--doc-space-specimen);padding:var(--doc-space-inset);background-color:transparent;border:var(--doc-frame-stroke-width) dashed var(--doc-ink-quiet);border-radius:var(--border-radius-radius-md)}.doc-preview-frame--flush{display:block;gap:0;padding:0;overflow:hidden}.doc-overlay-scope{position:relative;overflow:hidden;isolation:isolate}.doc-overlay-scope .lore-drawer__overlay,.doc-overlay-scope .lore-modal__backdrop,.doc-overlay-scope .lore-sheet-overlay{position:absolute;inset:0;z-index:var(--modal-z-index,1000)}.doc-overlay-scope .lore-drawer__overlay,.doc-overlay-scope .lore-sheet-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.doc-overlay-scope .lore-modal{max-width:calc(100% - var(--spacing-48));max-height:calc(100% - var(--spacing-48))}.doc-overlay-scope .lore-sheet-container{position:absolute;inset:0;width:100%;height:100%;max-height:100%}.doc-overlay-scope .lore-drawer__container{position:absolute;top:0;bottom:0;height:100%;max-height:100%;max-width:100%}.docs-demo-screen .lore-sheet-overlay--open .lore-sheet-container{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:34%!important;max-height:34%!important;transform:translateY(0)!important}.doc-overlay-scope .lore-sheet-content [data-sheet-scrollable]{max-height:calc(var(--sheet-visible-height, 100%) - var(--sheet-content-offset, 48px))}.doc-preview-frame--contain-overlays{display:block;min-height:28rem}.doc-overlay-scope .lore-error-display--toast{position:absolute;inset:auto var(--doc-space-related) var(--doc-space-related);margin-inline:auto}.doc-error-placement .lore-error-display--toast{position:static;inset:auto;max-width:none;margin-inline:0}.doc-error-placement--modal{display:block;width:100%;min-width:18rem;height:16rem}.doc-error-placement--modal .lore-modal{max-width:calc(100% - var(--spacing-24));max-height:calc(100% - var(--spacing-24))}.docs-demo-screen{display:flex;flex-direction:column;width:min(100%,393px);aspect-ratio:393/852;height:auto;margin-inline:auto;background:var(--surface-page);border:2px solid var(--doc-rule);border-radius:44px;box-shadow:var(--box-shadow-shadow-md);overflow:hidden;container-type:size;container-name:docs-phone}.docs-demo-screen__status{display:grid;flex:0 0 auto;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:14px 22px 0;color:var(--text-primary);background:var(--page-header-bg-default)}.docs-demo-screen--status-page .docs-demo-screen__status{background:var(--surface-page)}.docs-demo-screen--status-primary .docs-demo-screen__status{color:var(--text-on-primary);background:var(--page-header-bg-primary)}.docs-demo-screen__time{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:700;line-height:1;color:currentcolor;letter-spacing:.02em}.docs-demo-screen__island{display:block;width:96px;height:28px;border-radius:999px;background:var(--greyscale-900);box-shadow:inset 0 0 0 1px rgb(0 0 0/35%)}.docs-demo-screen__status-trail{display:flex;align-items:center;justify-content:flex-end;gap:4px}.docs-demo-screen__status-pip{width:6px;height:6px;border-radius:999px;background:currentcolor;opacity:.7}.docs-demo-screen__status-batt{width:18px;height:9px;margin-left:2px;border:1.5px solid;border-radius:2px;opacity:.75;background:linear-gradient(90deg,currentcolor 70%,transparent 0) padding-box}.docs-demo-screen__viewport{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;background:var(--surface-page);overflow:visible}.docs-demo-screen__viewport>*{flex:1 1 auto;min-height:100%;max-height:100%}.docs-ghost-bottom-nav{flex:0 0 auto;padding:8px 8px 14px;border-top:1px dashed var(--doc-rule);background:var(--doc-wash);opacity:.72;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.docs-ghost-bottom-nav__row{display:flex;align-items:flex-end;justify-content:center;gap:28px;min-height:48px}.docs-ghost-bottom-nav__tab{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:4px;min-width:56px}.docs-ghost-bottom-nav__icon{display:block;width:22px;height:22px;border:1px dashed var(--doc-ink-quiet);border-radius:9999px;background:transparent}.docs-ghost-bottom-nav__tab--active .docs-ghost-bottom-nav__icon{border-style:dashed;border-color:var(--text-call-out,var(--brand-primary));background:transparent}.docs-ghost-bottom-nav__tab--lorebot .docs-ghost-bottom-nav__icon{border-color:var(--text-call-out,var(--brand-primary))}.docs-ghost-bottom-nav__label{font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);font-weight:600;line-height:1.2;color:var(--doc-ink-quiet)}.docs-ghost-bottom-nav__tab--active .docs-ghost-bottom-nav__label{font-weight:700;color:var(--brand-primary)}.doc-code-block{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--doc-rule);border-radius:var(--border-radius-radius-md)}.doc-code-block__toolbar{display:flex;gap:var(--doc-space-related);align-items:stretch;justify-content:space-between;padding:0 var(--doc-space-related) 0 0;background-color:transparent;border-bottom:1px solid var(--doc-rule)}.doc-code-block__title{margin:0;padding:var(--doc-space-related-loose);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:500;line-height:var(--doc-caption-line);color:var(--text-call-out)}.doc-code-block__copy{align-self:center;color:var(--brand-primary)}.doc-code-block__toolbar--dual{align-items:flex-start}.doc-code-block__toolbar--dual .doc-code-block__copy{-webkit-margin-before:var(--doc-space-related);margin-block-start:var(--doc-space-related)}.doc-code-block__tabs{flex:1 1;min-width:0;display:flex;flex-direction:column}.doc-code-block__tabs-row{display:flex;align-items:stretch;min-width:0}.doc-code-block__tabs-row--secondary{border-top:1px solid var(--doc-rule)}.doc-code-block__tabs-row .doc-code-block__title{flex:0 0 auto;align-self:center;padding-block:0;padding-inline:var(--doc-space-related-loose);white-space:nowrap}.doc-code-block__tabs-row .doc-code-block__title--axis{color:var(--doc-ink-quiet)}.doc-code-block__tabs .lore-tab-bar{width:auto;max-width:100%}.doc-code-block__tabs .lore-tab-bar__item{flex:0 1 auto}.doc-code-block__copy:focus-visible{outline-color:var(--doc-ink-quiet)}.doc-code-block__body{margin:0;overflow-x:auto;background-color:var(--greyscale-900);font-family:var(--doc-font-mono);font-size:var(--doc-body-size);line-height:var(--doc-body-line);color:var(--greyscale-35)}.doc-code-block__body code,.doc-code-block__body pre{background:transparent!important}.doc-code-block__body pre{margin:0!important}.doc-code-block__body code,.doc-code-block__body pre{font-family:var(--doc-font-mono)!important}.doc-props-table{display:flex;flex-direction:column;gap:var(--doc-space-related)}.doc-props-table__caption{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:500;line-height:var(--doc-caption-line);letter-spacing:var(--doc-eyebrow-tracking);color:var(--brand-primary);text-transform:uppercase}.doc-props-table__frame{overflow-x:auto;border:1px solid var(--doc-rule);border-radius:var(--border-radius-radius-md);background-color:var(--doc-code-surface)}.doc-props-table__table{width:100%;border-collapse:collapse;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.doc-props-table__table td,.doc-props-table__table th{padding:var(--doc-space-related) var(--doc-space-related-loose);text-align:left;vertical-align:top;border-bottom:1px solid var(--doc-rule)}.doc-props-table__table th{font-weight:500;color:var(--brand-primary);background-color:transparent;white-space:nowrap}.doc-props-table__table tbody tr:last-child td{border-bottom:none}.doc-props-table__table code{font-family:inherit;font-size:var(--doc-caption-size);color:var(--brand-primary)}.doc-props-table__name{font-weight:500}.doc-props-table__desc{color:var(--doc-ink-quiet);font-weight:400}.doc-art-media-placeholder{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;min-width:var(--card-row-media-size,80px);min-height:var(--card-row-media-size,80px);background-color:var(--teal-50);border-radius:inherit}.doc-art-media-placeholder__label{font-family:var(--font-family-base,inherit);font-size:var(--font-size-body-small,14px);font-weight:600;line-height:1;color:var(--text-call-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-page{display:flex;max-width:1240px;margin:0 auto;padding:0 40px;gap:36px}.doc-rail{flex:none;width:188px;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;padding-top:44px}.doc-rail__header{margin-bottom:10px}.doc-rail__group,.doc-rail__header{font-family:var(--typography-font-families-roboto);font-size:var(--doc-eyebrow-size);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-ghost);padding-left:14px}.doc-rail__group{margin:14px 0 4px}.doc-rail__item{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-left:2px solid var(--card-border);border-radius:0;padding:5px 14px;text-align:left;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:20px;color:var(--text-secondary);cursor:pointer}.doc-rail__item--nested{padding-left:22px}.doc-rail__item--active{border-left-color:var(--text-call-out);color:var(--text-call-out);font-weight:500}.doc-article{flex:1 1;min-width:0;padding:40px 0 120px}@media (max-width:1024px){.doc-rail{display:none}}.docs-section{display:flex;flex-direction:column;gap:var(--doc-space-section);margin-top:32px}.docs-section--overview{margin-top:0}.docs-section__intro{display:flex;flex-direction:column;gap:var(--doc-space-related)}.docs-section__header{display:flex;align-items:center;gap:16px}.docs-section__title{margin:0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-large-size);font-weight:700;color:var(--text-primary)}.docs-section__description{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-section__description code{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);color:var(--text-call-out);background:none}.docs-section__body{display:flex;flex-direction:column;gap:var(--doc-space-section);min-width:0}.doc-mode-toggle{margin-left:auto;display:flex;gap:2px;padding:3px;border:1px solid var(--card-border);border-radius:9999px;background:var(--surface-page)}.doc-mode-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:5px 14px;border-radius:9999px;font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:500;cursor:pointer}.doc-mode-toggle__btn--active{background:var(--surface-card);color:var(--text-call-out);border-color:var(--card-border);box-shadow:var(--box-shadow-shadow-sm)}.doc-dual{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.doc-panel{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);overflow:hidden}.doc-panel--native{flex:1 1 328px;min-width:328px}.doc-native-preview{flex:0 0 auto;width:-moz-fit-content;width:fit-content;max-width:100%;height:auto;align-self:flex-start;overflow:visible}.doc-panel__header{gap:8px;padding:10px 16px}.doc-device-toolbar,.doc-panel__header{display:flex;align-items:center;border-bottom:1px solid var(--card-border)}.doc-device-toolbar{flex-wrap:wrap;gap:12px 16px;padding:8px 16px;background:var(--surface-card)}.doc-device-toolbar__rule{width:1px;height:18px;background:var(--card-border);flex:none}.doc-device-select{display:inline-flex;align-items:center;gap:8px;min-width:0}.doc-device-select__label{font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);color:var(--text-ghost);white-space:nowrap}.doc-device-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:140px;max-width:200px;padding:4px 26px 4px 10px;border:1px solid var(--card-border);border-radius:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236D6D6D' d='M1 1l4 4 4-4'/></svg>") no-repeat right 10px center /10px,var(--surface-card);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary);cursor:pointer}.doc-device-select__control:hover{border-color:var(--text-secondary)}.doc-device-select__control:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.doc-font-scale{display:inline-flex;align-items:center;gap:8px;min-width:0}.doc-font-scale__a{font-family:var(--typography-font-families-roboto);font-weight:600;color:var(--text-secondary);line-height:1;flex:none}.doc-font-scale__a--sm{font-size:var(--doc-caption-size)}.doc-font-scale__a--lg{font-size:var(--doc-font-scale-lg)}.doc-font-scale__slider{width:132px;accent-color:var(--text-call-out,var(--brand-primary));cursor:pointer}.doc-font-scale__slider:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.doc-font-scale__value{min-width:72px;font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);color:var(--text-secondary);white-space:nowrap}.doc-font-scale__reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px 10px;border:1px solid var(--card-border);border-radius:6px;background:var(--surface-card);color:var(--text-primary);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;line-height:1.2;cursor:pointer}.doc-font-scale__reset:disabled{opacity:.4;cursor:not-allowed}.doc-font-scale__reset:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.doc-font-scale__reset:hover:not(:disabled){border-color:var(--text-secondary)}.doc-panel__dot{width:8px;height:8px;border-radius:9999px;flex:none}.doc-panel__dot--web{background:var(--brand-primary)}.doc-panel__dot--native{background:var(--green-500)}.doc-panel__label{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.doc-panel__caption{margin-left:auto;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:400;color:var(--text-ghost)}.doc-panel__specimen{flex:1 1;background:var(--surface-page);padding:32px 28px;display:flex;align-items:center;justify-content:center;min-height:230px}.doc-panel__specimen--native{flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:24px 16px 28px;min-height:0;min-width:0;overflow:hidden auto}.doc-native-preview .doc-panel__specimen--native{flex:0 0 auto;min-height:auto;overflow:visible}.doc-panel__specimen--contain{position:relative;overflow:hidden}.doc-panel:has(.lore-combobox,.datepicker){overflow:visible}.doc-panel:has(.lore-combobox,.datepicker) .doc-panel__header{border-radius:11px 11px 0 0}.doc-panel:has(.lore-combobox,.datepicker) .doc-panel__specimen{border-radius:0 0 11px 11px}.doc-panel__code{position:relative;flex:1 1;min-height:230px;background:var(--greyscale-900)}.doc-panel__copy{position:absolute;top:10px;right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--greyscale-white) 10%,transparent);background:transparent;color:var(--greyscale-35);font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);padding:3px 9px;border-radius:6px;cursor:pointer;opacity:.75}.doc-panel__copy:hover{opacity:1}.doc-device-wrap{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px}.doc-device,.doc-device-scale{flex:none;position:relative;overflow:hidden}.doc-device{border:10px solid var(--greyscale-900);border-radius:44px;background:var(--surface-page);box-shadow:var(--box-shadow-shadow-md)}.doc-device__notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;pointer-events:none}.doc-device__notch:after{content:"";display:block;width:96px;height:6px;border-radius:9999px;background:var(--greyscale-100)}.doc-device--android .doc-device__notch{top:12px}.doc-device--android .doc-device__notch:after{width:10px;height:10px;border-radius:9999px;background:var(--greyscale-200)}.doc-device__screen{position:relative;overflow:hidden;background:var(--surface-page);isolation:isolate}.doc-device__screen input:focus,.doc-device__screen input:focus-visible,.doc-device__screen textarea:focus,.doc-device__screen textarea:focus-visible{outline:none!important}.doc-device__specimen-root{position:absolute;inset:0;z-index:0;overflow:hidden;display:flex;flex-direction:column}.doc-device__specimen-root>*{flex:1 1 auto;min-height:0;width:100%}.doc-device__status-bar{position:absolute;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;color:var(--greyscale-900)}.doc-device__status-time{font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1}.doc-device__status-icons{display:inline-flex;align-items:center}.doc-device__status-icon{display:block;flex:none;overflow:visible}.doc-device__status-bar--android .doc-device__status-time{font-family:var(--typography-font-families-roboto,Roboto),system-ui,sans-serif;font-weight:500;letter-spacing:.01em}.doc-device__status-bar--android .doc-device__status-icon--battery{-webkit-margin-start:.25em;margin-inline-start:.25em}.doc-device__tab-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;box-sizing:border-box;background:var(--surface-card);border-top:.5px solid var(--card-border)}.doc-device__tab-bar-items{flex:none;display:flex;align-items:flex-start;justify-content:center;gap:28px;padding:10px 0 0;box-sizing:border-box}.doc-device__tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;color:var(--text-secondary)}.doc-device__tab--active{color:var(--text-call-out,var(--brand-primary))}.doc-device__tab-icon{width:25px;height:25px;border-radius:9999px;box-sizing:border-box;border:1.5px dashed var(--text-secondary);background:transparent;opacity:1}.doc-device__tab--active .doc-device__tab-icon{border-style:dashed;border-color:currentcolor;background:transparent}.doc-device__tab--lorebot .doc-device__tab-icon{border-color:var(--text-call-out,var(--brand-primary))}.doc-device__tab-label{font-family:var(--typography-font-families-roboto,system-ui);font-size:var(--doc-eyebrow-size);font-weight:500;line-height:12px;letter-spacing:.01em;white-space:nowrap}.doc-device__home-indicator{flex:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.doc-device__home-indicator:after{content:"";display:block;width:134px;height:5px;border-radius:9999px;background:var(--greyscale-400)}.doc-device--android .doc-device__home-indicator:after{width:108px;height:4px;background:var(--greyscale-500)}.doc-device__screen>.doc-device-sheet-host,.doc-device__screen>[data-contained-modal]{position:absolute;inset:0;z-index:40;width:100%;height:100%}.doc-device-sheet-host .doc-device-sheet-panel{animation:doc-sheet-slide-up .3s ease-out}.doc-device-sheet-host .doc-device-sheet-backdrop{animation:doc-scrim-fade-in .3s ease-out}.doc-device-sheet-host--closing{pointer-events:none}.doc-device-sheet-host--closing .doc-device-sheet-panel{animation:doc-sheet-slide-down .3s ease-out forwards}.doc-device-sheet-host--closing .doc-device-sheet-backdrop{animation:doc-scrim-fade-out .3s ease-out forwards}@keyframes doc-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes doc-sheet-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes doc-scrim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes doc-scrim-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.doc-device-sheet-host .doc-device-sheet-backdrop,.doc-device-sheet-host .doc-device-sheet-panel,.doc-device-sheet-host--closing .doc-device-sheet-backdrop,.doc-device-sheet-host--closing .doc-device-sheet-panel{animation:none}.doc-device-sheet-host--closing{visibility:hidden}}.doc-device__caption{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);color:var(--text-ghost);text-align:center}.doc-device__caption-line{display:block}.doc-device__density-note{margin:0;max-width:320px;font-family:var(--typography-font-families-roboto);font-size:var(--doc-caption-size);line-height:1.45;color:var(--text-secondary);text-align:center}.doc-device__density-note a{color:var(--text-call-out);text-decoration:underline;text-underline-offset:2px}.doc-hatch{min-height:120px;border-radius:8px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--text-call-out) 10%,transparent) 0,color-mix(in srgb,var(--text-call-out) 10%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 16px);display:flex;align-items:center;justify-content:center}.doc-device__screen .doc-hatch{width:100%;height:100%;min-height:100%;border-radius:0;box-sizing:border-box}.doc-hatch--code{flex:1 1;min-height:230px;border-radius:0}.doc-hatch__chip{font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);color:var(--text-ghost);background:var(--surface-card);padding:4px 10px;border-radius:6px;border:1px solid var(--card-border)}.doc-overview__breadcrumb{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.doc-overview__breadcrumb-current{color:var(--text-call-out)}.doc-overview__title-row{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}.doc-overview__title{margin:0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-display-size);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.doc-overview__blurb{margin:14px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--doc-title-size);font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:620px;text-wrap:pretty}.doc-overview__extra{display:flex;flex-direction:column;gap:var(--doc-space-related-loose);margin-top:20px}.doc-overview__imports{display:flex;gap:12px;flex-wrap:wrap}.doc-overview__availability{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.doc-import-chip{display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap;font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;background:var(--greyscale-900);color:var(--greyscale-35);padding:8px 14px;border-radius:8px}.doc-import-chip--soon{opacity:.55}.doc-tok-kw{color:var(--teal-200)}.doc-tok-str{color:var(--green-200)}.doc-props{background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);overflow-x:auto}.doc-props__head,.doc-props__row{min-width:640px;display:grid;grid-template-columns:130px 1.4fr 90px 1.3fr;grid-gap:0 16px;gap:0 16px;align-items:baseline}.doc-props__head{padding:10px 20px;font-size:var(--doc-caption-size);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-ghost)}.doc-props__head,.doc-props__row{border-bottom:1px solid var(--card-border);font-family:var(--typography-font-families-roboto)}.doc-props__row{padding:12px 20px;font-size:var(--typography-font-sizes-sm)}.doc-props__row:last-child{border-bottom:none}.doc-props__name{font-weight:500;color:var(--text-call-out)}.doc-props__name,.doc-props__type{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);overflow-wrap:anywhere}.doc-props__type{font-weight:400;color:var(--text-secondary)}.doc-props__default{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.doc-props__notes{color:var(--text-secondary)}.doc-props__delta{color:var(--text-call-out);font-weight:500}.doc-guidance{display:flex;flex-direction:column;gap:20px}.doc-guidance__a11y-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:6px}.doc-guidance__a11y-list li+li{margin:0}.doc-card-pad-stack{gap:var(--doc-space-specimen);width:100%;max-width:360px}.doc-card-pad,.doc-card-pad-stack{display:flex;flex-direction:column}.doc-card-pad{gap:var(--doc-space-related)}.doc-card-pad__card.lore-card{background-color:var(--docs-space-band-fill)}.doc-card-pad__content{border-radius:var(--border-radius-radius-sm);background-color:var(--surface-card)}.docs-foundation-stack{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.docs-foundation-row{display:flex;flex-wrap:wrap;gap:var(--spacing-12);align-items:center}.docs-foundation-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));grid-gap:var(--spacing-12);gap:var(--spacing-12);width:100%}.docs-foundation-swatch{display:flex;flex-direction:column;gap:var(--spacing-8);min-height:var(--spacing-48);padding:var(--spacing-12);border:1px solid var(--card-border);border-radius:var(--border-radius-radius-md);background-color:var(--surface-card)}.docs-foundation-swatch__chip{display:block;width:100%;height:var(--spacing-32);border-radius:var(--border-radius-radius-sm);border:1px solid var(--card-border)}.docs-foundation-swatch__label{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);line-height:var(--typography-line-heights-normal);color:var(--text-secondary);overflow-wrap:anywhere}.docs-foundation-theme-pair{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-16);gap:var(--spacing-16);width:100%}@media (min-width:640px){.docs-foundation-theme-pair{grid-template-columns:1fr 1fr}}.docs-foundation-theme-panel{display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-16);border-radius:var(--border-radius-radius-md);background-color:var(--surface-page);color:var(--text-primary);border:1px solid var(--card-border)}.docs-foundation-theme-panel__label{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.docs-foundation-spacing-list{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.docs-foundation-spacing-row{display:grid;grid-template-columns:7.5rem 1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:center}.docs-foundation-spacing-row__meta{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);color:var(--text-secondary)}.docs-foundation-spacing-row__bar{height:var(--spacing-16);border-radius:var(--border-radius-radius-sm);background-color:var(--surface-primary-button)}.docs-foundation-gap-demo{display:flex;flex-direction:column;gap:var(--spacing-16);width:100%;padding:var(--spacing-16);border:1px dashed var(--card-border);border-radius:var(--border-radius-radius-md);background-color:var(--surface-discrete-area)}.docs-foundation-gap-demo__child{padding:var(--spacing-12);border-radius:var(--border-radius-radius-sm);background-color:var(--surface-card);color:var(--text-primary);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-foundation-type-row{display:grid;grid-template-columns:9rem 1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:baseline;width:100%}.docs-foundation-height-meta,.docs-foundation-type-row__meta{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);color:var(--text-secondary)}.docs-foundation-contrast-pair{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);width:100%}@media (min-width:640px){.docs-foundation-contrast-pair{grid-template-columns:1fr 1fr}}.docs-foundation-contrast-card{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-16);border-radius:var(--border-radius-radius-md);border:1px solid var(--card-border)}.docs-foundation-contrast-card--good{background-color:var(--surface-card);color:var(--text-primary)}.docs-foundation-contrast-card--bad{background-color:var(--surface-info);color:var(--text-ghost)}.docs-foundation-motion-box{width:var(--spacing-48);height:var(--spacing-48);border-radius:var(--border-radius-radius-md);background-color:var(--surface-primary-button);animation:docs-foundation-pulse 1.6s ease-in-out infinite}@keyframes docs-foundation-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@media (prefers-reduced-motion:reduce){.docs-foundation-motion-box{animation:none}}.docs-foundation-motion-note{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);color:var(--text-secondary)}.docs-foundation-table-wrap{width:100%;overflow-x:auto}.docs-foundation-table{width:100%;border-collapse:collapse;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.docs-foundation-table td,.docs-foundation-table th{padding:var(--doc-space-related) var(--doc-space-related-loose);border-bottom:1px solid var(--doc-rule);text-align:left;vertical-align:top}.docs-foundation-table th{color:var(--brand-primary);font-weight:600}.docs-foundation-table code{font-family:inherit;font-size:var(--doc-caption-size)}.docs-web-vs-rn-table tbody th{font-weight:500;color:var(--brand-primary)}.docs-web-vs-rn-table__band td{padding-top:var(--doc-space-specimen);padding-bottom:var(--doc-space-related);border-bottom:1px solid var(--doc-rule);background:color-mix(in srgb,var(--doc-ink-quiet) 3%,transparent);color:var(--brand-primary);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:var(--doc-caption-size-tight)}.docs-web-vs-rn-table__shared td,.docs-web-vs-rn-table__shared th{background:color-mix(in srgb,var(--doc-ink-quiet) 2.5%,transparent);border-bottom-color:color-mix(in srgb,var(--doc-ink-quiet) 12%,transparent)}.docs-web-vs-rn-table__shared:last-child td,.docs-web-vs-rn-table__shared:last-child th{border-bottom:none}.docs-web-vs-rn-table__both-label{display:inline-block;margin-right:var(--doc-space-related);padding:0 6px;border:1px solid color-mix(in srgb,var(--doc-ink-quiet) 28%,transparent);border-radius:var(--border-radius-radius-sm,4px);background:color-mix(in srgb,var(--doc-ink-quiet) 4%,transparent);color:var(--brand-primary);font-size:var(--doc-caption-size-tighter);font-weight:600;letter-spacing:.03em;text-transform:uppercase;vertical-align:baseline;white-space:nowrap}.docs-foundation-decision{margin:0;padding-left:var(--doc-space-specimen);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.docs-foundation-decision li+li{margin-top:var(--doc-space-related)}.docs-foundation-decision ul{margin:var(--doc-space-tight) 0 0;padding-left:var(--doc-space-specimen)}.docs-foundation-compare{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);width:100%}@media (min-width:640px){.docs-foundation-compare{grid-template-columns:1fr 1fr}}.docs-foundation-compare__panel{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-16);border-radius:var(--border-radius-radius-md);border:1px solid var(--card-border);background-color:var(--surface-card)}.docs-space-band{--docs-space-band-size:var(--spacing-16);--docs-space-band-ink:var(--text-call-out);--docs-space-band-fill:color-mix(in srgb,var(--docs-space-band-ink) 16%,transparent);position:relative}.docs-space-band--padding{background-color:var(--docs-space-band-fill)}.docs-space-band__tag{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;height:var(--docs-space-band-size);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);font-weight:600;color:var(--docs-space-band-ink);pointer-events:none}.docs-foundation-compare__panel--bad .docs-space-band,.docs-space-band--bad,.docs-space-band--margin{--docs-space-band-ink:var(--text-negative);--docs-space-band-fill:color-mix(in srgb,var(--text-negative) 16%,transparent)}.docs-space-band--margin:after{content:attr(data-band-label);position:absolute;top:100%;right:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;height:var(--docs-space-band-size);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);font-weight:600;color:var(--docs-space-band-ink);background:var(--docs-space-band-fill);pointer-events:none}.docs-foundation-gap-demo--stacked-margins{gap:0}.docs-foundation-gap-demo--stacked-margins .docs-foundation-gap-demo__child:not(:last-child){margin-bottom:var(--spacing-16)}.docs-foundation-inset-demo{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.docs-foundation-inset-demo__block{border:1px dashed var(--card-border);border-radius:var(--border-radius-radius-md)}.docs-foundation-inset-demo__inner{background-color:var(--surface-card);border-radius:var(--border-radius-radius-sm);color:var(--text-primary);font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-foundation-nest-demo{border:1px solid var(--card-border);border-radius:var(--border-radius-radius-md);overflow:hidden}.docs-foundation-nest-demo .lore-card{border:none;border-radius:0;box-shadow:none}.docs-foundation-type-stack{display:flex;flex-direction:column;gap:var(--spacing-8);width:100%}.docs-foundation-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));grid-gap:var(--spacing-12);gap:var(--spacing-12);width:100%}.docs-foundation-icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--card-border);border-radius:var(--border-radius-radius-md);background-color:var(--surface-card);min-height:var(--spacing-48)}.docs-foundation-icon-cell__name{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);line-height:var(--typography-line-heights-normal);color:var(--text-secondary);text-align:center;overflow-wrap:anywhere}.docs-foundation-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-gap:var(--spacing-12);gap:var(--spacing-12);width:100%}.docs-foundation-role{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--card-border);border-radius:var(--border-radius-radius-md);background-color:var(--surface-card)}.docs-foundation-role__chip{display:block;width:100%;height:var(--spacing-32);border-radius:var(--border-radius-radius-sm);border:1px solid var(--card-border)}.docs-foundation-role__name{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.docs-foundation-role__sample{display:block;overflow-wrap:anywhere}.docs-foundation-role__sample--on-primary{padding:var(--spacing-8) var(--spacing-12);border-radius:var(--border-radius-radius-sm);background:var(--surface-primary-button)}.docs-foundation-role__use{margin:0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-xs);line-height:var(--typography-line-heights-normal);color:var(--text-secondary)}.docs-sp-page{box-sizing:border-box;width:100%;margin:0 auto;padding:44px 48px 120px}.docs-sp-page--wide{max-width:1040px;padding:64px 48px 96px}.docs-sp-page--regular{max-width:960px}.docs-sp-page--narrow{max-width:760px}@media (max-width:720px){.docs-sp-page,.docs-sp-page--wide{padding-right:20px;padding-left:20px}}.docs-sp-breadcrumb{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-breadcrumb__link,.docs-sp-page a.docs-sp-breadcrumb__link{color:var(--text-ghost);text-decoration:none}.docs-sp-breadcrumb__link:hover,.docs-sp-page a.docs-sp-breadcrumb__link:hover{color:var(--text-call-out);text-decoration:underline;text-underline-offset:.15em}.docs-sp-breadcrumb__current{color:var(--text-call-out)}.docs-sp-title-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px}.docs-sp-title{margin:0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-display-size);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.docs-sp-blurb{max-width:620px;margin:14px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--doc-title-size);font-weight:400;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.docs-sp-meta{margin:10px 0 0;font-family:var(--doc-font-mono);font-size:var(--doc-body-size);color:var(--text-ghost)}.docs-sp-body{display:flex;flex-direction:column;gap:20px;margin-top:36px}.docs-sp-h2{margin:24px 0 0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-large-size);font-weight:700;color:var(--text-primary)}.docs-sp-h2-sub{margin:-12px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-section{padding:24px 28px 28px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-page .doc-section:has(.doc-catalog){padding:0;background:transparent;border:none;box-shadow:none}.docs-sp-page .doc-section__title{font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-large-size);font-weight:700;line-height:1.3;color:var(--text-primary)}.docs-sp-page .doc-section__description{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-meta{border-bottom-color:var(--card-border)}.docs-sp-page .doc-note{border-top-color:var(--card-border)}.docs-sp-page .doc-legend__title,.docs-sp-page .doc-meta__title,.docs-sp-page .doc-note__title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:600;color:var(--text-primary)}.docs-sp-page .doc-legend__body,.docs-sp-page .doc-meta__body,.docs-sp-page .doc-note__body,.docs-sp-page .doc-note__list{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.6;color:var(--text-secondary)}.docs-sp-page .doc-specimen-label__title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-page .doc-specimen-label__caption{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);color:var(--text-ghost)}.docs-sp-page .doc-meta a,.docs-sp-page .doc-note a,.docs-sp-page .doc-section__description a,.docs-sp-page .docs-link-list a,.docs-sp-page .docs-registry-list a,.docs-sp-page a.doc-link,.docs-sp-page a.doc-link:visited{font-family:var(--typography-font-families-roboto);font-weight:500;color:var(--text-hyperlink);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.docs-sp-page .doc-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;border-top:none}.docs-sp-page .doc-catalog__item{min-width:0}.docs-sp-page .doc-catalog__row,.docs-sp-page a.doc-catalog__row,.docs-sp-page a.doc-link.doc-catalog__row{box-sizing:border-box;justify-content:flex-start;gap:8px;height:100%;padding:24px;background:var(--surface-card);border-bottom:1px solid var(--card-border);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}.docs-sp-page a.doc-catalog__row:hover,.docs-sp-page a.doc-link.doc-catalog__row:hover{box-shadow:var(--box-shadow-shadow-md);text-decoration:none}.docs-sp-page a.doc-catalog__row:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.docs-sp-page .doc-catalog__title,.docs-sp-page a.doc-catalog__row:hover .doc-catalog__title{font-family:var(--typography-font-families-montserrat);font-size:var(--typography-font-sizes-lg);font-weight:700;line-height:1.35;color:var(--text-primary);text-decoration:none}.docs-sp-page .doc-catalog__row--static .doc-catalog__title{color:var(--text-ghost)}.docs-sp-page .doc-catalog__desc{font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-catalog__desc,.docs-sp-page .doc-catalog__meta{font-family:var(--typography-font-families-roboto);text-decoration:none}.docs-sp-page .doc-catalog__meta{font-size:var(--doc-caption-size);font-weight:500;letter-spacing:.06em;color:var(--text-ghost)}.docs-sp-page .docs-link-list,.docs-sp-page .docs-registry-list,.docs-sp-page .docs-release-list{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);line-height:1.7;color:var(--text-secondary)}.docs-sp-page .docs-registry-muted{color:var(--text-ghost)}.docs-sp-home-eyebrow{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:500;letter-spacing:.1em;color:var(--text-call-out);text-transform:uppercase}.docs-sp-home-brand{width:100%;margin:14px 0 0}.docs-sp-home-brand__img{display:block;width:100%;height:auto}.docs-sp-home-rule{width:72px;height:3px;margin:26px 0;background:var(--surface-gradient);border-radius:9999px}.docs-sp-home-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.docs-sp-home-cta,.docs-sp-page a.docs-sp-home-cta{display:inline-flex;align-items:center;height:44px;padding:0 32px;font-family:var(--typography-font-families-roboto);font-size:var(--doc-title-size);font-weight:700;border-radius:9999px;text-decoration:none}.docs-sp-home-cta--primary,.docs-sp-page a.docs-sp-home-cta--primary{background:var(--surface-primary-button);color:var(--text-on-primary)}.docs-sp-home-cta--primary:hover{background:var(--teal-800)}[data-theme=dark] .docs-sp-home-cta--primary:hover{background:var(--brand-primary)}.docs-sp-home-cta--secondary,.docs-sp-page a.docs-sp-home-cta--secondary{background:transparent;border:2px solid var(--surface-primary-button);color:var(--text-call-out)}.docs-sp-home-cta--secondary:hover{background:color-mix(in srgb,var(--text-call-out) 8%,transparent)}.docs-sp-home-cta:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.docs-sp-home-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:64px}.docs-sp-home-platform,.docs-sp-page a.docs-sp-home-platform{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-platform:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-platform__dot{width:8px;height:8px;border-radius:9999px}.docs-sp-home-platform__dot--web{background:var(--brand-primary)}.docs-sp-home-platform__dot--native{background:var(--green-500)}.docs-sp-home-platform__dot--figma{background:var(--purple-300)}.docs-sp-home-platform__name{margin-top:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-home-platform__pkg{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-home-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:16px}.docs-sp-home-area,.docs-sp-page a.docs-sp-home-area{display:block;padding:24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-area:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-area__title{font-family:var(--typography-font-families-montserrat);font-size:var(--typography-font-sizes-lg);font-weight:700;color:var(--text-primary)}.docs-sp-home-area__desc{margin:8px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-home-release,.docs-sp-page a.docs-sp-home-release{display:flex;gap:16px;align-items:center;margin-top:16px;padding:18px 24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-release:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-release__summary{flex:1 1;min-width:0;overflow:hidden;font-weight:400;color:var(--text-secondary);text-overflow:ellipsis}.docs-sp-home-release__link,.docs-sp-home-release__summary{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);white-space:nowrap}.docs-sp-home-release__link{margin-left:auto;font-weight:500;color:var(--text-call-out)}.docs-sp-home-extra{margin-top:64px}.docs-sp-home-extra .docs-sp-h2-sub{margin:8px 0 0}.docs-sp-home-extra>.doc-note,.docs-sp-home-extra>.docs-home-showcase{margin-top:20px}@media (max-width:760px){.docs-sp-home-areas,.docs-sp-home-platforms,.docs-sp-page .doc-catalog{grid-template-columns:minmax(0,1fr)}.docs-sp-home-release{flex-wrap:wrap}}.docs-sp-tokens-table{margin-top:16px;overflow-x:auto;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-tokens-table__head,.docs-sp-tokens-table__row{display:grid;grid-template-columns:1.4fr 1.6fr .7fr .7fr;grid-gap:0 16px;gap:0 16px;align-items:center;min-width:560px}.docs-sp-tokens-table__head{padding:10px 20px;border-bottom:1px solid var(--card-border);font-family:var(--typography-font-families-roboto);font-size:var(--doc-caption-size);font-weight:500;letter-spacing:.06em;color:var(--text-ghost);text-transform:uppercase}.docs-sp-tokens-table__row{padding:11px 20px;border-bottom:1px solid var(--card-border)}.docs-sp-tokens-table__row:last-child{border-bottom:none}.docs-sp-tokens-table__role{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);color:var(--text-primary)}.docs-sp-tokens-table__use{display:block;font-size:var(--doc-caption-size);color:var(--text-ghost)}.docs-sp-tokens-table__token{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;color:var(--text-call-out);overflow-wrap:anywhere}.docs-sp-tokens-table__mode{display:flex;gap:8px;align-items:center}.docs-sp-swatch{display:inline-block;flex:none;width:18px;height:18px;background:var(--docs-sp-sw);border:1px solid var(--card-border);border-radius:5px}.docs-sp-ramp{margin-top:24px}.docs-sp-ramp__name{margin-bottom:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-ramp__row{display:flex;gap:6px}.docs-sp-ramp__cell{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.docs-sp-ramp__swatch{height:44px;background:var(--docs-sp-sw);border:1px solid var(--card-border);border-radius:6px}.docs-sp-ramp__label{overflow:hidden;font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);font-weight:400;color:var(--text-ghost);text-align:center;text-overflow:ellipsis;white-space:nowrap}.docs-sp-ramp__label--hex{font-size:var(--doc-micro-size);letter-spacing:-.02em;opacity:.85}.docs-sp-release{padding:24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-release__head{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.docs-sp-release__version-link{text-decoration:none}.docs-sp-release__version-link:hover{text-decoration:underline;text-underline-offset:.15em}.docs-sp-release__date{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-release__latest{margin-left:auto}.docs-sp-release__blurb{margin:14px 0 0;font-weight:400;line-height:1.6;color:var(--text-secondary)}.docs-sp-release__blurb,.docs-sp-release__group-title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-sp-release__group-title{margin:16px 0 0;font-weight:500;color:var(--text-call-out)}.docs-sp-release__list{margin:8px 0 0;padding-left:18px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.8;color:var(--text-secondary)}.docs-sp-release__blurb code,.docs-sp-release__list code{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);background:none}.docs-sp-release__lead{font-weight:500}.docs-sp-release__group-title--ok,.docs-sp-release__lead--ok{color:var(--icon-success)}.docs-sp-release__group-title--chg,.docs-sp-release__lead--chg{color:var(--text-call-out)}.docs-sp-release__group-title--fix,.docs-sp-release__lead--fix{color:var(--text-negative)}.docs-sp-release__group-title--exp,.docs-sp-release__lead--exp{color:var(--text-on-color)}.docs-sp-pager{display:flex;gap:16px;justify-content:space-between;margin-top:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-sp-hatch{display:flex;align-items:center;justify-content:center;height:220px;margin-top:28px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--text-call-out) 10%,transparent) 0,color-mix(in srgb,var(--text-call-out) 10%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 16px);border:1px solid var(--card-border);border-radius:12px}.docs-sp-hatch__chip{padding:4px 10px;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:400;color:var(--text-ghost);background:var(--surface-card);border:1px solid var(--card-border);border-radius:6px}