@cyberskill/design 2.4.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DESIGN.md +4 -4
- package/README.md +6 -5
- package/SECURITY.md +4 -4
- package/VERSION +1 -1
- package/_ds_bundle.js +2 -2
- package/_ds_bundle.js.map +1 -1
- package/_ds_manifest.json +6 -102
- package/_esm/cs.mjs +2 -2
- package/base/a11y.css +7 -12
- package/base/ai.css +3 -2
- package/base/collections.css +1 -1
- package/base/components.css +1 -1
- package/base/controls.css +17 -9
- package/base/data.css +1 -0
- package/base/feedback.css +4 -4
- package/base/glass.css +1 -1
- package/base/shell.css +1 -1
- package/base/typography.css +1 -1
- package/components/ai/ai-conversation.card.html +1 -1
- package/components/ai/ai-lumi.card.html +1 -1
- package/components/ai/ai.card.html +1 -1
- package/components/brand/brand.card.html +1 -1
- package/components/button/buttons.card.html +1 -1
- package/components/data/collections.card.html +1 -1
- package/components/data/data.card.html +1 -1
- package/components/datatable/datatable.card.html +1 -1
- package/components/dialog/dialog.card.html +1 -1
- package/components/feedback/feedback-2.card.html +1 -1
- package/components/feedback/feedback.card.html +2 -2
- package/components/forms/forms-2.card.html +1 -1
- package/components/forms/forms.card.html +1 -1
- package/components/i18n/i18n.card.html +1 -1
- package/components/icon/icon.card.html +1 -1
- package/components/logo/logo.card.html +2 -2
- package/components/navigation/navigation.card.html +1 -1
- package/components/navigation/shell.card.html +1 -1
- package/components/overlays/alertdialog.card.html +1 -1
- package/components/overlays/overlays.card.html +1 -1
- package/components/prompt-api.json +1 -1
- package/components/release-compatibility.json +1 -1
- package/components/specifications.json +1 -1
- package/components/static-html-reference.json +20 -20
- package/components/textfield/textfield.card.html +1 -1
- package/dist/esm/build.json +1 -1
- package/dist/styles.css +3177 -0
- package/dist/styles.min.css +1 -1
- package/docs/UPSTREAM.md +39 -0
- package/docs/consuming.md +1 -1
- package/docs/contrast-report.md +1 -1
- package/docs/conventions.md +1 -1
- package/docs/guideline-language.md +2 -2
- package/docs/reference-catalog.json +34 -22
- package/docs/release-notes.md +14 -1
- package/docs/static-html-reference.md +18 -18
- package/docs/template-inventory.json +125 -125
- package/docs/vi/UPSTREAM.md +39 -0
- package/docs/vi/consuming.md +1 -1
- package/docs/vi/contrast-report.md +1 -1
- package/docs/vi/conventions.md +1 -1
- package/docs/vi/entrypoints/DESIGN.md +4 -4
- package/docs/vi/entrypoints/README.md +6 -5
- package/docs/vi/guideline-language.md +2 -2
- package/docs/vi/release-notes.md +14 -1
- package/docs/vi/static-html-reference.md +18 -18
- package/docs/viewer.html +2 -2
- package/guidelines/atomic-view.html +5 -5
- package/guidelines/brand-iconography.html +1 -1
- package/guidelines/brand-imagery.html +1 -1
- package/guidelines/brand-interaction.html +1 -1
- package/guidelines/brand-voice.html +1 -1
- package/guidelines/colors-anchors.html +1 -1
- package/guidelines/colors-semantic.html +1 -1
- package/guidelines/colors-surfaces.html +1 -1
- package/guidelines/colors-text.html +1 -1
- package/guidelines/documents.html +1 -1
- package/guidelines/elements-components.html +1 -1
- package/guidelines/elements-concept.html +1 -1
- package/guidelines/elements-geometry.html +1 -1
- package/guidelines/elements-variants.html +1 -1
- package/guidelines/guideline-language.js +6 -5
- package/guidelines/motion-interaction.html +1 -1
- package/guidelines/motion.html +1 -1
- package/guidelines/responsive-bilingual.html +1 -1
- package/guidelines/rtl-preview.html +1 -1
- package/guidelines/spacing-breakpoints.html +1 -1
- package/guidelines/spacing-radius.html +1 -1
- package/guidelines/spacing-scale.html +1 -1
- package/guidelines/surfaces-aurora.html +1 -1
- package/guidelines/surfaces-depth.html +1 -1
- package/guidelines/surfaces-glass.html +1 -1
- package/guidelines/surfaces-shadow.html +1 -1
- package/guidelines/type-families.html +1 -1
- package/guidelines/type-lineheight.html +1 -1
- package/guidelines/type-scale.html +1 -1
- package/guidelines/type-weights.html +1 -1
- package/package.json +8 -4
- package/styles/components/manifest.json +133 -133
- package/styles.layered.css +21 -23
- package/styles.layered.provenance.json +12 -12
- package/templates/_ds-base.canonical.js +6 -4
- package/templates/app-shell/ds-base.js +6 -4
- package/templates/article/ds-base.js +6 -4
- package/templates/auth/ds-base.js +6 -4
- package/templates/bod-deck/ds-base.js +6 -4
- package/templates/bod-investor-update/ds-base.js +6 -4
- package/templates/bod-memo/ds-base.js +6 -4
- package/templates/bod-minutes/ds-base.js +6 -4
- package/templates/bod-report/ds-base.js +6 -4
- package/templates/bod-resolution/ds-base.js +6 -4
- package/templates/culture-event-invite/ds-base.js +6 -4
- package/templates/dashboard/ds-base.js +6 -4
- package/templates/delivery-change-note/ds-base.js +6 -4
- package/templates/delivery-kickoff/ds-base.js +6 -4
- package/templates/delivery-qbr-deck/ds-base.js +6 -4
- package/templates/delivery-runbook/ds-base.js +6 -4
- package/templates/delivery-status-email/ds-base.js +6 -4
- package/templates/doc-style-guide/ds-base.js +6 -4
- package/templates/doc-suite-index/ds-base.js +6 -4
- package/templates/doc-templates/ds-base.js +6 -4
- package/templates/email/ds-base.js +6 -4
- package/templates/finance-dunning-email/ds-base.js +6 -4
- package/templates/finance-expense-report/ds-base.js +6 -4
- package/templates/finance-invoice/ds-base.js +6 -4
- package/templates/finance-quote/ds-base.js +6 -4
- package/templates/hr-announcement/ds-base.js +6 -4
- package/templates/hr-interview-kit/ds-base.js +6 -4
- package/templates/hr-offboarding/ds-base.js +6 -4
- package/templates/hr-performance-review/ds-base.js +6 -4
- package/templates/hr-pip/ds-base.js +6 -4
- package/templates/kitchen-sink.html +1 -1
- package/templates/legal-msa/ds-base.js +6 -4
- package/templates/legal-sow/ds-base.js +6 -4
- package/templates/marketing-campaign-brief/ds-base.js +6 -4
- package/templates/marketing-case-study/ds-base.js +6 -4
- package/templates/marketing-launch/ds-base.js +6 -4
- package/templates/marketing-newsletter/ds-base.js +6 -4
- package/templates/marketing-page/ds-base.js +6 -4
- package/templates/marketing-press-release/ds-base.js +6 -4
- package/templates/marketing-social-kit/ds-base.js +6 -4
- package/templates/sales-one-pager/ds-base.js +6 -4
- package/templates/sales-proposal-deck/ds-base.js +6 -4
- package/templates/settings/ds-base.js +6 -4
- package/templates/slide-deck/ds-base.js +6 -4
- package/templates/team-meeting-agenda/ds-base.js +6 -4
- package/templates/tech-incident-report/ds-base.js +6 -4
- package/templates/tech-release-notes/ds-base.js +6 -4
- package/templates/tech-retro/ds-base.js +6 -4
- package/templates/tech-rfc/ds-base.js +6 -4
- package/templates/vn-appointment-transfer/ds-base.js +6 -4
- package/templates/vn-certificate-of-employment/ds-base.js +6 -4
- package/templates/vn-code-of-conduct/ds-base.js +6 -4
- package/templates/vn-compensation-regulation/ds-base.js +6 -4
- package/templates/vn-contract-amendment/ds-base.js +6 -4
- package/templates/vn-contractor-agreement/ds-base.js +6 -4
- package/templates/vn-data-protection-policy/ds-base.js +6 -4
- package/templates/vn-disciplinary-case-file/ds-base.js +6 -4
- package/templates/vn-disciplinary-schedule/ds-base.js +6 -4
- package/templates/vn-employee-request/ds-base.js +6 -4
- package/templates/vn-exit-handover/ds-base.js +6 -4
- package/templates/vn-foreign-employee-pack/ds-base.js +6 -4
- package/templates/vn-framework-agreement/ds-base.js +6 -4
- package/templates/vn-grassroots-democracy/ds-base.js +6 -4
- package/templates/vn-infosec-policy/ds-base.js +6 -4
- package/templates/vn-internal-labor-regulations/ds-base.js +6 -4
- package/templates/vn-internship-agreement/ds-base.js +6 -4
- package/templates/vn-job-description/ds-base.js +6 -4
- package/templates/vn-labor-contract/ds-base.js +6 -4
- package/templates/vn-labour-management-book/ds-base.js +6 -4
- package/templates/vn-mutual-nda/ds-base.js +6 -4
- package/templates/vn-ndnca-ip/ds-base.js +6 -4
- package/templates/vn-offer-letter/ds-base.js +6 -4
- package/templates/vn-onboarding-checklist/ds-base.js +6 -4
- package/templates/vn-pdpl-consent/ds-base.js +6 -4
- package/templates/vn-performance-evaluation-regulation/ds-base.js +6 -4
- package/templates/vn-performance-review-form/ds-base.js +6 -4
- package/templates/vn-phantom-stock/ds-base.js +6 -4
- package/templates/vn-probation-contract/ds-base.js +6 -4
- package/templates/vn-receipt-acknowledgement/ds-base.js +6 -4
- package/templates/vn-remote-work-policy/ds-base.js +6 -4
- package/templates/vn-resignation-letter/ds-base.js +6 -4
- package/templates/vn-salary-scale/ds-base.js +6 -4
- package/templates/vn-sow-appendix/ds-base.js +6 -4
- package/templates/vn-termination-decision/ds-base.js +6 -4
- package/templates/vn-total-rewards-appendix/ds-base.js +6 -4
- package/templates/vn-training-commitment/ds-base.js +6 -4
- package/templates/vn-travel-expense-policy/ds-base.js +6 -4
- package/tokens/declarations.json +18 -144
- package/tokens/element-seeds.json +1 -1
- package/tokens/modes/dark__default__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__default__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__default__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__default__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-lava__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-lava__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-lava__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-plasma__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa-plasma__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__hoa__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__hoa__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim-steel__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim-steel__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim-steel__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim-steel__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim-titanium__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim-titanium__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim-titanium__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__kim__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__kim__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc-bamboo__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc-bamboo__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc-forest__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc-forest__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc-forest__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc-forest__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__moc__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__moc__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho-clay__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho-clay__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho-clay__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho-clay__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho-sand__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho-sand__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho-sand__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho-sand__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__tho__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__tho__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-mist__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-mist__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-mist__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-ocean__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy-ocean__compact__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/dark__thuy__compact__high.dtcg.json +1 -1
- package/tokens/modes/dark__thuy__compact__standard.dtcg.json +1 -1
- package/tokens/modes/index.json +269 -269
- package/tokens/modes/light__default__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__default__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__default__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__default__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa-lava__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa-lava__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa-lava__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa-lava__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa-plasma__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa-plasma__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa-plasma__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__hoa__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__hoa__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim-steel__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__kim-steel__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim-steel__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__kim-steel__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim-titanium__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__kim-titanium__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim-titanium__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__kim-titanium__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__kim__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__kim__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__kim__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc-bamboo__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc-bamboo__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__moc-bamboo__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc-forest__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__moc-forest__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc-forest__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__moc-forest__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__moc__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__moc__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__moc__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho-clay__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__tho-clay__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho-clay__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__tho-clay__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho-sand__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__tho-sand__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho-sand__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__tho-sand__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__tho__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__tho__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__tho__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy-mist__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy-mist__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy-mist__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy-mist__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy-ocean__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy-ocean__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy-ocean__compact__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/light__thuy__compact__high.dtcg.json +1 -1
- package/tokens/modes/light__thuy__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__default__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__default__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__default__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__default__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-lava__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-lava__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-lava__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-lava__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-plasma__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-plasma__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-plasma__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa-plasma__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__hoa__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-steel__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-steel__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-steel__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-steel__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-titanium__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-titanium__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-titanium__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim-titanium__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__kim__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-bamboo__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-bamboo__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-bamboo__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-bamboo__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-forest__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-forest__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-forest__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc-forest__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__moc__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-clay__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-clay__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-clay__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-clay__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-sand__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-sand__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-sand__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho-sand__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__tho__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-mist__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-mist__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-mist__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-mist__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-ocean__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-ocean__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-ocean__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy-ocean__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-dark__thuy__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__default__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__default__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__default__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__default__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-lava__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-lava__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-lava__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-lava__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-plasma__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-plasma__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-plasma__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa-plasma__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__hoa__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-steel__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-steel__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-steel__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-steel__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-titanium__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-titanium__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-titanium__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim-titanium__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__kim__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__kim__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-bamboo__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-bamboo__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-bamboo__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-bamboo__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-forest__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-forest__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-forest__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc-forest__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__moc__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__moc__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-clay__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-clay__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-clay__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-clay__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-sand__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-sand__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-sand__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho-sand__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__tho__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__tho__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-mist__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-mist__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-mist__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-mist__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-ocean__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-ocean__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-ocean__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy-ocean__compact__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy__comfortable__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy__comfortable__standard.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy__compact__high.dtcg.json +1 -1
- package/tokens/modes/system-light__thuy__compact__standard.dtcg.json +1 -1
- package/tokens/native/CSModes.kt +3 -3
- package/tokens/native/CSModes.swift +3 -3
- package/tokens/native/CSTokens.kt +1 -1
- package/tokens/native/CSTokens.swift +1 -1
- package/tokens/native/cs_modes.dart +3 -3
- package/tokens/native/cs_tokens.dart +1 -1
- package/tokens/native/mode-provenance.json +6 -6
- package/tokens/provenance.json +6 -6
- package/tokens/styles.css +1 -1
- package/tokens/tokens.dtcg.json +4 -4
- package/tokens/tokens.js +5 -5
- package/tokens/tokens.json +4 -4
- package/tokens/variables.css +1 -10
- package/ui_kits/deck/index.html +1 -1
- package/ui_kits/status-hub/index.html +1 -1
- package/ui_kits/status-hub/login.html +1 -1
- package/ui_kits/status-hub/project.html +1 -1
- package/ui_kits/status-hub/settings.html +1 -1
- package/ui_kits/status-hub/static-locale.js +2 -0
- package/ui_kits/website/careers.html +1 -1
- package/ui_kits/website/chat.html +1 -1
- package/ui_kits/website/index.html +1 -1
- package/ui_kits/website/work.html +1 -1
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"inputs": {
|
|
49
49
|
"fixturesSha256": "7077fab3557aebc62ebf2a60858ea7f37f8231870d68bde99eeb4ae885417fa2",
|
|
50
50
|
"generatorSha256": "d70780e434804d23f3dd112ff0833d72fa7bb004c43001baa6a302966ea97b50",
|
|
51
|
-
"bundledSourceGraphSha256": "
|
|
51
|
+
"bundledSourceGraphSha256": "49e76542fc5ee58fccd9bced3f75a41ee8dbe5b4b7abd7acd2635b6b90d764fd",
|
|
52
52
|
"exportCount": 125,
|
|
53
53
|
"hookCount": 1,
|
|
54
54
|
"constantCount": 4,
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
"kitchenSink": {
|
|
59
59
|
"path": "templates/kitchen-sink.html",
|
|
60
|
-
"sourceSha256": "
|
|
60
|
+
"sourceSha256": "d5ac87fd3552c4dd6a98cf49556cace99913643a063cef2e6db841902e9020fe",
|
|
61
61
|
"distinctPlainCsClassNames": 62,
|
|
62
62
|
"distinctRootClassTokens": 36,
|
|
63
63
|
"distinctAllCsClassTokens": 101,
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
81
81
|
"sourceSha256": "3b9d3255135196a708489bb0d0f3424f007d1c9255ae8791d034defd7a8da740",
|
|
82
82
|
"declarationSha256": "caf55aa7c6c15a421156e8b6c68710a5ced5b2073d4d9a7055089dd5de9161ba",
|
|
83
|
-
"html": "<span class=\"cs-ai-disclosure\"><button type=\"button\" class=\"cs-ai-disclosure__badge\" aria-expanded=\"false\">AI assisted</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
83
|
+
"html": "<span class=\"cs-ai-disclosure\"><button type=\"button\" class=\"cs-ai-disclosure__badge\" aria-expanded=\"false\">AI assisted</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: normal; color: rgb(255, 255, 255); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
84
84
|
"semanticDOM": [
|
|
85
85
|
{
|
|
86
86
|
"tag": "span",
|
|
@@ -2108,7 +2108,7 @@
|
|
|
2108
2108
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
2109
2109
|
"sourceSha256": "60217f041dd78ad4809a787920c0f0d56a6a383ae125ad2e691757b2af22abbf",
|
|
2110
2110
|
"declarationSha256": "33edbc198353ed41f05867be9e1c04830d5033cf2cf4ceda3e1ba13adef27aea",
|
|
2111
|
-
"html": "<div class=\"cs-cascader\"><button id=\"reference-id-001\" aria-label=\"Region\" type=\"button\" class=\"cs-treeselect__field\" aria-haspopup=\"listbox\" aria-expanded=\"false\"><span>Alpha</span><span aria-hidden=\"true\">▾</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
2111
|
+
"html": "<div class=\"cs-cascader\"><button id=\"reference-id-001\" aria-label=\"Region\" type=\"button\" class=\"cs-treeselect__field\" aria-haspopup=\"listbox\" aria-expanded=\"false\"><span>Alpha</span><span aria-hidden=\"true\">▾</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
2112
2112
|
"semanticDOM": [
|
|
2113
2113
|
{
|
|
2114
2114
|
"tag": "div",
|
|
@@ -2601,7 +2601,7 @@
|
|
|
2601
2601
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
2602
2602
|
"sourceSha256": "64da95eccfc3637b640edcb4271ae914a81f4e05cf7b528467ab5850a651ed4f",
|
|
2603
2603
|
"declarationSha256": "a0a3d9c005fc6f8ddc4fdc85f132aedfcb10dee745ae1706eb6b924814531e2d",
|
|
2604
|
-
"html": "<span class=\"cs-colorpicker\"><button id=\"reference-id-001\" aria-label=\"Accent: #F4BA17\" type=\"button\" class=\"cs-colorpicker__field\" aria-expanded=\"false\"><i style=\"background: rgb(244, 186, 23);\"></i><code>#F4BA17</code></button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
2604
|
+
"html": "<span class=\"cs-colorpicker\"><button id=\"reference-id-001\" aria-label=\"Accent: #F4BA17\" type=\"button\" class=\"cs-colorpicker__field\" aria-expanded=\"false\"><i style=\"background: rgb(244, 186, 23);\"></i><code>#F4BA17</code></button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
2605
2605
|
"semanticDOM": [
|
|
2606
2606
|
{
|
|
2607
2607
|
"tag": "span",
|
|
@@ -2672,7 +2672,7 @@
|
|
|
2672
2672
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
2673
2673
|
"sourceSha256": "bae42bd629700dcdb3173636184df3aa0181a4e4d5f0ae7447a630f6404e84d3",
|
|
2674
2674
|
"declarationSha256": "21e214b53ce8edeb9210a6ea375233d11ddecdad906c90248dfd3d456375761a",
|
|
2675
|
-
"html": "<div class=\"cs-combobox\"><input role=\"combobox\" aria-expanded=\"false\" aria-autocomplete=\"list\" aria-label=\"Project\" placeholder=\"Select or type…\" id=\"reference-id-001\" value=\"Alpha\"><span class=\"cs-combobox__caret\" aria-hidden=\"true\">▾</span></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
2675
|
+
"html": "<div class=\"cs-combobox\"><input role=\"combobox\" aria-expanded=\"false\" aria-autocomplete=\"list\" aria-label=\"Project\" placeholder=\"Select or type…\" id=\"reference-id-001\" value=\"Alpha\"><span class=\"cs-combobox__caret\" aria-hidden=\"true\">▾</span></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
2676
2676
|
"semanticDOM": [
|
|
2677
2677
|
{
|
|
2678
2678
|
"tag": "div",
|
|
@@ -3072,7 +3072,7 @@
|
|
|
3072
3072
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
3073
3073
|
"sourceSha256": "31ac2665583bd13108b5c5f105e14d2a1ff3f105edbbfdfd91852b002826d499",
|
|
3074
3074
|
"declarationSha256": "3349e7ed1f00edcc6027abc3db0521b6bcf41e113da132dad740a7dfe69a94fa",
|
|
3075
|
-
"html": "<div class=\"cs-ctxmenu-zone\" role=\"group\" aria-label=\"Context menu\" tabindex=\"0\"><div>Reference <example> & \"quoted\" text</div></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
3075
|
+
"html": "<div class=\"cs-ctxmenu-zone\" role=\"group\" aria-label=\"Context menu\" tabindex=\"0\"><div>Reference <example> & \"quoted\" text</div></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
3076
3076
|
"semanticDOM": [
|
|
3077
3077
|
{
|
|
3078
3078
|
"tag": "div",
|
|
@@ -3301,7 +3301,7 @@
|
|
|
3301
3301
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
3302
3302
|
"sourceSha256": "7a2fadb7759ddd31d574114d8e967406dbf82117251b65b14adcab6e21996b32",
|
|
3303
3303
|
"declarationSha256": "fdbddac69a2e2ffca64699c59cb0b3e2fb8108e0bfd77e45f7e3be344129fd2e",
|
|
3304
|
-
"html": "<div class=\"cs-datepicker\"><button type=\"button\" class=\"cs-datepicker__field\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-label=\"Date\" id=\"reference-id-001\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"></rect><path d=\"M8 3v4M16 3v4M3 10h18\"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
3304
|
+
"html": "<div class=\"cs-datepicker\"><button type=\"button\" class=\"cs-datepicker__field\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-label=\"Date\" id=\"reference-id-001\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"></rect><path d=\"M8 3v4M16 3v4M3 10h18\"></path></svg><span>20 Oct 2026</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
3305
3305
|
"semanticDOM": [
|
|
3306
3306
|
{
|
|
3307
3307
|
"tag": "div",
|
|
@@ -3967,7 +3967,7 @@
|
|
|
3967
3967
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
3968
3968
|
"sourceSha256": "2c13907fa52c618377dd1aab15c46f73b2ce22c563b54bf0f5aefb16e3829943",
|
|
3969
3969
|
"declarationSha256": "ef227b7981571aa815ca1d874db3458feb33428a79aef949ee770d8ecc13ee00",
|
|
3970
|
-
"html": "<div class=\"cs-fab\"><button type=\"button\" class=\"cs-fab__main\" aria-label=\"Create\">+</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
3970
|
+
"html": "<div class=\"cs-fab\"><button type=\"button\" class=\"cs-fab__main\" aria-label=\"Create\">+</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
3971
3971
|
"semanticDOM": [
|
|
3972
3972
|
{
|
|
3973
3973
|
"tag": "div",
|
|
@@ -4474,7 +4474,7 @@
|
|
|
4474
4474
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
4475
4475
|
"sourceSha256": "575ff663edf9f4556de55e5eb839dddba27650cf890fee204f8e6ba4d24d6f48",
|
|
4476
4476
|
"declarationSha256": "df155042374dd3bc0dac4d4c031663b84cc4b3407c5ac5764de1baaf3259f497",
|
|
4477
|
-
"html": "<span class=\"cs-hovercard\"><button type=\"button\">Hover reference</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
4477
|
+
"html": "<span class=\"cs-hovercard\"><button type=\"button\">Hover reference</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
4478
4478
|
"semanticDOM": [
|
|
4479
4479
|
{
|
|
4480
4480
|
"tag": "span",
|
|
@@ -5464,7 +5464,7 @@
|
|
|
5464
5464
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
5465
5465
|
"sourceSha256": "324a1ef9e7b9adf50454063acffb19ec15adcbcec9ff1f760a15cae56f167f32",
|
|
5466
5466
|
"declarationSha256": "2f6604d9dc5ff0f464ae4a8bb0256fa35e2cfff5e3eb5ce948865760d1f8a17f",
|
|
5467
|
-
"html": "<span class=\"cs-mentions\"><textarea class=\"cs-field__control\" rows=\"3\" placeholder=\"Add a note — @ to mention\" aria-label=\"Message\" aria-autocomplete=\"list\" aria-haspopup=\"listbox\"></textarea></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
5467
|
+
"html": "<span class=\"cs-mentions\"><textarea class=\"cs-field__control\" rows=\"3\" placeholder=\"Add a note — @ to mention\" aria-label=\"Message\" aria-autocomplete=\"list\" aria-haspopup=\"listbox\"></textarea></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
5468
5468
|
"semanticDOM": [
|
|
5469
5469
|
{
|
|
5470
5470
|
"tag": "span",
|
|
@@ -5528,7 +5528,7 @@
|
|
|
5528
5528
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
5529
5529
|
"sourceSha256": "d52fc45cfca5febb4d775d9dd10ae771e5333b3ba1c9a97a3eb44fd6ea1f5873",
|
|
5530
5530
|
"declarationSha256": "bb7e9397025be7fcbf2938c4c3dd40b0e6d4f1ca4e3af606ac3d81cce1d7dfcb",
|
|
5531
|
-
"html": "<div class=\"cs-menu\"><button type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"true\">Reference menu</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"><div class=\"cs-menu__list\" role=\"menu\" aria-label=\"Menu\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;\" data-cs-placement=\"bottom-start\"><button type=\"button\" role=\"menuitem\" tabindex=\"0\" class=\"cs-menu__item\">Reference item</button></div></span>",
|
|
5531
|
+
"html": "<div class=\"cs-menu\"><button type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"true\">Reference menu</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"><div class=\"cs-menu__list\" role=\"menu\" aria-label=\"Menu\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;\" data-cs-placement=\"bottom-start\"><button type=\"button\" role=\"menuitem\" tabindex=\"0\" class=\"cs-menu__item\">Reference item</button></div></span>",
|
|
5532
5532
|
"semanticDOM": [
|
|
5533
5533
|
{
|
|
5534
5534
|
"tag": "div",
|
|
@@ -5614,7 +5614,7 @@
|
|
|
5614
5614
|
},
|
|
5615
5615
|
"sourceSha256": "d52fc45cfca5febb4d775d9dd10ae771e5333b3ba1c9a97a3eb44fd6ea1f5873",
|
|
5616
5616
|
"declarationSha256": "bb7e9397025be7fcbf2938c4c3dd40b0e6d4f1ca4e3af606ac3d81cce1d7dfcb",
|
|
5617
|
-
"html": "<div class=\"cs-menu\"><button type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"true\">Reference menu</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"><div class=\"cs-menu__list\" role=\"menu\" aria-label=\"Menu\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;\" data-cs-placement=\"bottom-start\"><button type=\"button\" role=\"menuitem\" tabindex=\"0\" class=\"cs-menu__item\">Reference item</button></div></span>",
|
|
5617
|
+
"html": "<div class=\"cs-menu\"><button type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"true\">Reference menu</button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"><div class=\"cs-menu__list\" role=\"menu\" aria-label=\"Menu\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 30px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 200px; max-height: 682px; min-height: 0px;\" data-cs-placement=\"bottom-start\"><button type=\"button\" role=\"menuitem\" tabindex=\"0\" class=\"cs-menu__item\">Reference item</button></div></span>",
|
|
5618
5618
|
"semanticDOM": [
|
|
5619
5619
|
{
|
|
5620
5620
|
"tag": "div",
|
|
@@ -5694,7 +5694,7 @@
|
|
|
5694
5694
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
5695
5695
|
"sourceSha256": "c53128a82420abbab20dad86abfd844d8e145544de3fbba52d8d8cba69b1574d",
|
|
5696
5696
|
"declarationSha256": "4785192d3a6c96b7162d22d2f2148dc4d9b4352b545e96c1f74bba4b5987a5a2",
|
|
5697
|
-
"html": "<div class=\"cs-menubar\" role=\"menubar\" aria-label=\"Application menu\"><span class=\"cs-menubar__wrap\"><button id=\"reference-id-001\" type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" aria-expanded=\"false\" tabindex=\"0\" class=\"cs-menubar__top\">File</button></span></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
5697
|
+
"html": "<div class=\"cs-menubar\" role=\"menubar\" aria-label=\"Application menu\"><span class=\"cs-menubar__wrap\"><button id=\"reference-id-001\" type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" aria-expanded=\"false\" tabindex=\"0\" class=\"cs-menubar__top\">File</button></span></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
5698
5698
|
"semanticDOM": [
|
|
5699
5699
|
{
|
|
5700
5700
|
"tag": "div",
|
|
@@ -5913,7 +5913,7 @@
|
|
|
5913
5913
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
5914
5914
|
"sourceSha256": "2d8e2f9cc80d24827b4b070517b1d69609bf842b9c26fc06912e51a273f2fd98",
|
|
5915
5915
|
"declarationSha256": "d1bc18f0a2991167cc4b556ef10cdf09f061992be6b6733945447503bd768dbc",
|
|
5916
|
-
"html": "<nav class=\"cs-navmenu\"><a href=\"#reference\" class=\"cs-navmenu__top\">Reference</a></nav><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
5916
|
+
"html": "<nav class=\"cs-navmenu\"><a href=\"#reference\" class=\"cs-navmenu__top\">Reference</a></nav><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
5917
5917
|
"semanticDOM": [
|
|
5918
5918
|
{
|
|
5919
5919
|
"tag": "nav",
|
|
@@ -6163,7 +6163,7 @@
|
|
|
6163
6163
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
6164
6164
|
"sourceSha256": "53d59355a4426bc59fae7d360118908827ace22c63ee74476535d77a40a75732",
|
|
6165
6165
|
"declarationSha256": "7ea64ba1a7f41319227b0170c2d74a42f808f8e998ef17e9bb021f28a5bb4c0c",
|
|
6166
|
-
"html": "<span class=\"cs-popconfirm\"><button type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"false\">Confirm reference</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
6166
|
+
"html": "<span class=\"cs-popconfirm\"><button type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"false\">Confirm reference</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
6167
6167
|
"semanticDOM": [
|
|
6168
6168
|
{
|
|
6169
6169
|
"tag": "span",
|
|
@@ -6221,7 +6221,7 @@
|
|
|
6221
6221
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
6222
6222
|
"sourceSha256": "1ca5d2905995cc8166566625208a95e8838815d3abe1298312df71eab90b2679",
|
|
6223
6223
|
"declarationSha256": "2d6e2bde7df987580b6002bcf500fd7eb67b6fa2cffb475c16b35cc262631d1c",
|
|
6224
|
-
"html": "<span class=\"cs-popover\"><button type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"true\">Reference details</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"><div class=\"cs-popover__panel\" role=\"dialog\" aria-label=\"Reference details\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;\" data-cs-placement=\"bottom-start\">Reference <example> & \"quoted\" text</div></span>",
|
|
6224
|
+
"html": "<span class=\"cs-popover\"><button type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"true\">Reference details</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"true\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"><div class=\"cs-popover__panel\" role=\"dialog\" aria-label=\"Reference details\" style=\"transition-property: opacity, color, background-color, border-color, box-shadow; position: fixed; inset: 32px auto auto 8px; transform: none; margin: 0px; box-sizing: border-box; overflow-y: auto; z-index: 60; max-width: 1264px; min-width: 240px; max-height: 680px; min-height: 0px;\" data-cs-placement=\"bottom-start\">Reference <example> & \"quoted\" text</div></span>",
|
|
6225
6225
|
"semanticDOM": [
|
|
6226
6226
|
{
|
|
6227
6227
|
"tag": "span",
|
|
@@ -9141,7 +9141,7 @@
|
|
|
9141
9141
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
9142
9142
|
"sourceSha256": "37051ca58d60ed2f950fd58530a0cf99bb25b34f1d15577c323aa89d8bb82bf4",
|
|
9143
9143
|
"declarationSha256": "c2002c5e48ab6ac5e2a2d043c0f5b474e5b0e172120781ee5312af37a0fc1e55",
|
|
9144
|
-
"html": "<div class=\"cs-toolbar\" role=\"toolbar\" aria-orientation=\"horizontal\"><button type=\"button\" class=\"cs-toolbar__btn\" tabindex=\"0\"><span>Reference action</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
9144
|
+
"html": "<div class=\"cs-toolbar\" role=\"toolbar\" aria-orientation=\"horizontal\"><button type=\"button\" class=\"cs-toolbar__btn\" tabindex=\"0\"><span>Reference action</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: start; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
9145
9145
|
"semanticDOM": [
|
|
9146
9146
|
{
|
|
9147
9147
|
"tag": "div",
|
|
@@ -9205,7 +9205,7 @@
|
|
|
9205
9205
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
9206
9206
|
"sourceSha256": "092338240216260d7bd3eeb58dd2bde9e949a12e1c3d04038408076c2edfdddc",
|
|
9207
9207
|
"declarationSha256": "163618c4e9a5617cc12b43a39766578f35574eb013971a593d3c6816110e2cb7",
|
|
9208
|
-
"html": "<span class=\"cs-tooltip\" data-managed=\"\" data-open=\"false\"><button type=\"button\" aria-describedby=\"reference-id-001\">Reference action</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-managed=\"\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"><span id=\"reference-id-001\" class=\"cs-tooltip__bubble\" role=\"tooltip\" hidden=\"\">Reference help</span></span>",
|
|
9208
|
+
"html": "<span class=\"cs-tooltip\" data-managed=\"\" data-open=\"false\"><button type=\"button\" aria-describedby=\"reference-id-001\">Reference action</button></span><span data-cs-floating-root=\"\" lang=\"en\" data-managed=\"\" data-open=\"false\" style=\"display: contents; font-family: Arial; font-size: 13.3333px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: normal; color: rgb(0, 0, 0); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"><span id=\"reference-id-001\" class=\"cs-tooltip__bubble\" role=\"tooltip\" hidden=\"\">Reference help</span></span>",
|
|
9209
9209
|
"semanticDOM": [
|
|
9210
9210
|
{
|
|
9211
9211
|
"tag": "span",
|
|
@@ -9669,7 +9669,7 @@
|
|
|
9669
9669
|
"boundary": "DOM snapshot only. Copying HTML does not install React state, handlers, focus management or accessibility behavior.",
|
|
9670
9670
|
"sourceSha256": "3d5d1ef69f6e24a4322ed1bf52c47c3430eaad1ab3fe5ac51b5b40ec5a09044f",
|
|
9671
9671
|
"declarationSha256": "3623e81530a0900556a713346f5ea7a96c02dc185a1481589d45190f5b09c33e",
|
|
9672
|
-
"html": "<div class=\"cs-treeselect\"><button id=\"reference-id-001\" aria-label=\"Region\" type=\"button\" class=\"cs-treeselect__field\" aria-haspopup=\"tree\" aria-expanded=\"false\"><span>Alpha</span><span aria-hidden=\"true\">▾</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --_cs-dark-color-semantic-danger: #FC9895; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --cs-font-weight-extrabold: 800; --_cs-dark-doc-slate: #26323A; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --_cs-light-accent-ink: #45210E; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-component-textfield-padding-x: 12px; --cs-glass-heavy-saturate: 180%; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-space-1: 4px; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-heading-weight: 700; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --_cs-dark-color-brand-ochre: #F4BA17; --cs-breakpoint-2xl: 1536px; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --_cs-light-accent-on: #45210E; --cs-color-text-accent: #6E3B0E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-component-textfield-paddingX: 12px; --cs-depth-bg: 0; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-letter-spacing-normal: 0; --cs-doc-fill: #FDE68A; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #45210E 45%, #050403) 58%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --cs-component-button-lg-paddingY: 16px; --_cs-light-color-surface-page: #FFFDF8; --cs-component-button-sm-min-height-coarse: 44px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-glass-standard-opacity: 80%; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-density-space-6: 24px; --cs-color-surface-page: #FFFDF8; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --_cs-dark-accent-on: #45210E; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-component-button-md-paddingY: 12px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --_cs-dark-accent-grad-a: #F4BA17; --cs-component-button-md-padding-x: 20px; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --cs-color-accent-ochre: #F4BA17; --_cs-light-doc-fill: #FDE68A; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-component-button-xs-min-width: 28px; --cs-font-lineHeight-body: 1.5; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-duration-base: 200ms; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-color-semantic-success-fg: #FFFFFF; --cs-scroll-padding-block-end: 16px; --cs-depth-modal: 100; --cs-density-space-2: 8px;\"></span>",
|
|
9672
|
+
"html": "<div class=\"cs-treeselect\"><button id=\"reference-id-001\" aria-label=\"Region\" type=\"button\" class=\"cs-treeselect__field\" aria-haspopup=\"tree\" aria-expanded=\"false\"><span>Alpha</span><span aria-hidden=\"true\">▾</span></button></div><span data-cs-floating-root=\"\" lang=\"en\" data-open=\"false\" style=\"display: contents; font-family: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: normal; color: rgb(69, 33, 14); direction: ltr; writing-mode: horizontal-tb; text-align: center; visibility: visible; pointer-events: auto; user-select: auto; --cs-component-button-md-min-height: 44px; --cs-color-semantic-danger-fg: #FFFFFF; --cs-glass-whisper-saturate: 110%; --_cs-dark-color-semantic-success-text: #68F798; --cs-glass-light-saturate: 130%; --cs-text-display: 3.75rem; --cs-color-semantic-info-fg: #FFFFFF; --_cs-dark-color-semantic-danger: #FC9895; --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42); --_cs-dark-color-border-default: #4a3a2c; --cs-glass-whisper-opacity: 60%; --cs-color-semantic-warning: #92400E; --cs-component-button-lg-padding-x: 28px; --cs-icon-lg: 24px; --cs-font-weight-semibold: 600; --cs-glass-heavy-blur: 24px; --cs-text-micro: 0.6875rem; --cs-accent-grad-b: #C4B78F; --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --_cs-dark-color-semantic-info-fg: #1a1108; --cs-depth-dropdown: 60; --_cs-dark-color-link: #FECD5D; --cs-font-size-2xs: 0.6875rem; --cs-font-size-xs: 0.75rem; --cs-space-10: 40px; --_cs-light-component-button-primary-fg: #FFFFFF; --cs-doc-fill-ink: #1A1614; --cs-font-line-height-tight: 1.15; --cs-focus-ring: 3px; --_cs-dark-doc-slate: #26323A; --cs-font-weight-extrabold: 800; --cs-breakpoint-sm: 640px; --cs-heading-weight-strong: 800; --cs-component-button-sm-min-height: 36px; --cs-glass-standard-saturate: 150%; --_cs-dark-color-semantic-info-text: #C7DFFF; --_cs-light-color-semantic-info-fg: #FFFFFF; --cs-text-h4: 1.25rem; --_cs-light-accent: #F4BA17; --cs-component-button-md-minHeight-coarse: 44px; --cs-accent-glow: rgba(244, 186, 23, 0.48); --cs-depth-toast: 200; --cs-glass-heavy-border: color-mix(in oklab, #E7D9C6 80%, transparent); --_cs-light-accent-ink: #45210E; --cs-accent-ink: #45210E; --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-glass-heavy-saturate: 180%; --cs-component-textfield-padding-x: 12px; --cs-depth-card: 10; --cs-depth-overlay: 80; --cs-glass-light-bg: color-mix(in oklab, #FFFFFF 70%, transparent); --cs-icon-sm: 16px; --_cs-dark-color-semantic-success-fg: #1a1108; --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62); --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --_cs-light-color-brand-ochre: #F4BA17; --cs-accent-tint: #FBF4E9; --_cs-dark-color-surface-raised: #2b1e14; --_cs-light-color-semantic-danger: #B42318; --_cs-dark-accent-grad-b: #C4B78F; --cs-color-semantic-danger: #B42318; --cs-glass-whisper-border: transparent; --_cs-light-color-semantic-danger-fg: #FFFFFF; --_cs-dark-color-text-primary: #f5ead9; --cs-heading-weight: 700; --_cs-light-color-semantic-info: #1D4ED8; --cs-radius-full: 999px; --cs-component-button-md-padding-y: 12px; --cs-space-1: 4px; --_cs-light-component-textfield-border-default: #BFA58F; --cs-letter-spacing-caps: 0.08em; --cs-breakpoint-2xl: 1536px; --_cs-dark-color-brand-ochre: #F4BA17; --cs-space-2: 8px; --cs-component-button-lg-padding-y: 16px; --cs-color-text-accent: #6E3B0E; --_cs-light-accent-on: #45210E; --cs-breakpoint-phone: 360px; --cs-color-surface-raised: #FBF4E9; --cs-glass-whisper-blur: 8px; --cs-density-space-4: 16px; --cs-text-h2: 1.875rem; --cs-radius-md: 8px; --_cs-dark-component-button-primary-fg: #1a1108; --cs-font-size-2xl: 1.875rem; --cs-heading-family: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-icon-md: 20px; --_cs-light-color-text-primary: #45210E; --_cs-light-color-semantic-info-text: #000A75; --cs-depth-bg: 0; --cs-component-textfield-paddingX: 12px; --_cs-dark-doc-fill: #FDE68A; --cs-glass-light-opacity: 70%; --cs-font-line-height-body: 1.5; --cs-doc-ink: #1A1614; --cs-depth-nav: 50; --_cs-light-color-semantic-warning: #92400E; --cs-style-pack: liquid-glass; --_cs-dark-color-link-hover: #f5ead9; --cs-glass-standard-blur: 16px; --_cs-light-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06); --cs-color-semantic-warning-text: #441801; --cs-component-button-xs-padding-x: 10px; --cs-font-size-xl: 1.5rem; --cs-doc-fill: #FDE68A; --cs-letter-spacing-normal: 0; --_cs-light-accent-grad-b: #C4B78F; --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18); --cs-ease-standard: cubic-bezier(0.2, 0, 0, 1); --_cs-border-subtle: color-mix(in oklab, #E7D9C6 76%, transparent); --cs-color-semantic-danger-text: #4B0502; --cs-glass-heavy-opacity: 90%; --cs-accent-bright: #F4BA17; --_cs-light-color-text-inverse: #FFFFFF; --_cs-dark-color-semantic-success: #4ADE80; --_cs-light-color-text-muted: #3F2D21; --_cs-surface-scrim: color-mix(in oklab, color-mix(in oklab, #FFFDF8 25%, #050403) 68%, transparent); --cs-component-button-xs-minHeight-coarse: 44px; --cs-breakpoint-lg: 1024px; --_cs-dark-color-semantic-danger-fg: #1a1108; --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18); --cs-space-0: 0px; --cs-component-button-md-paddingX: 20px; --_cs-light-color-surface-page: #FFFDF8; --_cs-light-accent-glow: rgba(244, 186, 23, 0.48); --cs-component-button-sm-min-height-coarse: 44px; --cs-glass-standard-opacity: 80%; --cs-component-button-gap: 8px; --cs-font-size-base: 1rem; --cs-component-button-lg-paddingY: 16px; --cs-font-family-display: 'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-component-textfield-min-height: 44px; --cs-component-button-sm-paddingY: 8px; --cs-glass-heavy-bg: color-mix(in oklab, #FBF4E9 90%, transparent); --cs-component-button-xs-min-height: 28px; --_cs-light-color-border-default: #E7D9C6; --cs-accent-grad-a: #F4BA17; --cs-space-8: 32px; --cs-depth-section: 5; --_cs-light-accent-tint: #FBF4E9; --cs-duration-slow: 320ms; --cs-color-text-inverse: #FFFFFF; --_cs-light-color-semantic-success-text: #042D13; --_cs-light-accent-on-strong: #FFFFFF; --cs-color-brand-ochre: #F4BA17; --cs-component-button-lg-minHeight: 52px; --cs-color-link-hover: #45210E; --cs-space-3: 12px; --_cs-dark-color-text-accent: #FECD5D; --cs-component-button-primary-fg: #FFFFFF; --cs-color-text-primary: #45210E; --cs-component-button-xs-min-height-coarse: 44px; --cs-radius-lg: 14px; --_cs-light-color-accent-ochre: #F4BA17; --cs-accent: #F4BA17; --_cs-border-strong: color-mix(in oklab, #E7D9C6 65%, #45210E); --cs-component-button-md-minHeight: 44px; --cs-font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --_cs-dark-component-button-primary-bg: #f4ba17; --_cs-dark-accent: #F4BA17; --_cs-light-color-link-hover: #45210E; --cs-component-button-sm-minHeight: 36px; --cs-ease-entrance: cubic-bezier(0, 0, 0, 1); --_cs-dark-accent-glow: rgba(244, 186, 23, 0.48); --_cs-dark-doc-fill-ink: #1A1614; --cs-density-space-5: 20px; --_cs-light-accent-strong: #916D11; --cs-color-border-default: #E7D9C6; --_cs-dark-color-semantic-warning-fg: #1a1108; --_cs-light-color-semantic-success: #166534; --cs-scroll-padding-block-start: 16px; --cs-letter-spacing-tight: -0.01em; --_cs-dark-accent-tint: #FBF4E9; --_cs-dark-color-accent-ochre: #F4BA17; --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40); --cs-space-6: 24px; --cs-glass-light-border: color-mix(in oklab, #E7D9C6 50%, transparent); --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --cs-component-button-xs-padding-y: 4px; --cs-component-button-xs-minWidth: 28px; --_cs-light-accent-grad-a: #F4BA17; --_cs-dark-color-surface-page: #1a1108; --_cs-dark-color-semantic-info: #B5D4FD; --cs-glass-whisper-bg: color-mix(in oklab, #FFFDF8 60%, transparent); --_cs-dark-doc-ink: #1A1614; --cs-color-surface-page: #FFFDF8; --cs-density-space-6: 24px; --_cs-dark-color-surface-panel: #221710; --cs-space-4: 16px; --cs-accent-strong: #916D11; --cs-text-body-lg: 1.125rem; --cs-component-button-primary-bg: #45210E; --cs-component-button-xs-paddingX: 10px; --cs-text-caption: 0.75rem; --cs-font-lineHeight-heading: 1.35; --cs-component-button-radius: 8px; --cs-duration-fast: 120ms; --_cs-dark-color-text-inverse: #1a1108; --cs-color-text-muted: #3F2D21; --cs-accent-on-strong: #FFFFFF; --cs-font-weight-medium: 500; --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50); --cs-font-size-sm: 0.875rem; --_cs-dark-color-brand-umber: #45210E; --_cs-light-color-link: #6E3B0E; --cs-doc-slate: #26323A; --cs-text-h3: 1.5rem; --_cs-light-color-semantic-success-fg: #FFFFFF; --cs-text-secondary: 0.875rem; --cs-density-space-3: 12px; --cs-component-button-md-min-height-coarse: 44px; --cs-accent-on: #45210E; --cs-glass-standard-border: color-mix(in oklab, #E7D9C6 60%, transparent); --cs-component-textfield-border-default: #BFA58F; --cs-color-semantic-info-text: #000A75; --_cs-dark-accent-ink: #45210E; --_cs-dark-color-text-muted: #E9D6C2; --_cs-light-color-semantic-warning-text: #441801; --_cs-light-doc-ink: #1A1614; --cs-component-button-sm-padding-x: 14px; --cs-text-h1: 2.25rem; --cs-component-textfield-minHeight: 44px; --cs-color-semantic-success-text: #042D13; --_cs-light-accent-bright: #F4BA17; --_cs-light-component-button-primary-bg: #45210E; --cs-space-5: 20px; --cs-font-line-height-heading: 1.35; --_cs-dark-accent-bright: #F4BA17; --cs-component-textfield-paddingY: 10px; --_cs-light-color-semantic-danger-text: #4B0502; --_cs-light-doc-fill-ink: #1A1614; --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-font-size-lg: 1.25rem; --_cs-light-color-text-accent: #6E3B0E; --_cs-dark-accent-on-strong: #FFFFFF; --cs-color-surface-panel: #FFFFFF; --cs-component-button-sm-minHeight-coarse: 44px; --cs-color-semantic-info: #1D4ED8; --cs-breakpoint-md: 768px; --_cs-dark-accent-on: #45210E; --_cs-dark-color-semantic-warning: #FBBF24; --cs-space-20: 80px; --cs-font-family-ui: 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif; --cs-color-link: #6E3B0E; --_cs-dark-color-semantic-danger-text: #FFD2CF; --cs-ease-exit: cubic-bezier(0.4, 0, 1, 1); --cs-font-size-md: 1.125rem; --_cs-dark-color-semantic-warning-text: #FFD887; --cs-glass-standard-bg: color-mix(in oklab, #FFFFFF 80%, transparent); --cs-space-12: 48px; --cs-font-size-5xl: 3.75rem; --cs-breakpoint-xs: 0px; --cs-component-button-md-paddingY: 12px; --cs-breakpoint-xl: 1280px; --cs-duration-instant: 80ms; --cs-font-size-4xl: 3rem; --cs-component-button-lg-min-height: 52px; --cs-density-space-1: 4px; --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26); --cs-component-button-md-padding-x: 20px; --_cs-dark-accent-grad-a: #F4BA17; --cs-color-brand-umber: #45210E; --cs-color-semantic-success: #166534; --_cs-dark-accent-strong: #916D11; --cs-component-button-xs-minHeight: 28px; --cs-color-semantic-warning-fg: #FFFFFF; --cs-font-lineHeight-tight: 1.15; --cs-font-weight-bold: 700; --cs-container-max: 1320px; --cs-font-size-3xl: 2.25rem; --_cs-light-doc-slate: #26323A; --_cs-light-doc-fill: #FDE68A; --cs-color-accent-ochre: #F4BA17; --cs-ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); --_cs-light-color-brand-umber: #45210E; --cs-space-16: 64px; --cs-font-weight-regular: 400; --cs-space-24: 96px; --_cs-dark-component-textfield-border-default: #5a4636; --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55); --cs-prose-measure: 45rem; --cs-component-button-sm-paddingX: 14px; --cs-font-lineHeight-body: 1.5; --cs-component-button-xs-min-width: 28px; --cs-text-eyebrow: 0.75rem; --cs-text-body: 1rem; --_cs-light-color-surface-panel: #FFFFFF; --cs-component-button-xs-paddingY: 4px; --cs-radius-sm: 4px; --cs-heading-tracking: -0.01em; --cs-component-textfield-padding-y: 10px; --cs-glass-light-blur: 12px; --cs-density-control-gap: 8px; --cs-component-button-lg-paddingX: 28px; --cs-component-button-sm-padding-y: 8px; --_cs-light-color-surface-raised: #FBF4E9; --cs-color-semantic-success-fg: #FFFFFF; --_cs-light-color-semantic-warning-fg: #FFFFFF; --cs-duration-base: 200ms; --cs-scroll-padding-block-end: 16px; --cs-density-space-2: 8px; --cs-depth-modal: 100;\"></span>",
|
|
9673
9673
|
"semanticDOM": [
|
|
9674
9674
|
{
|
|
9675
9675
|
"tag": "div",
|