From cf39cf6dcd4dc2569e93a88a2ad632bd0f3d75c9 Mon Sep 17 00:00:00 2001 From: mfranzke Date: Tue, 5 Dec 2023 09:46:47 +0000 Subject: [PATCH] deploy: 0fc7d212275a827d835af1d5c205075b3ca2348d --- review/main/404.html | 2 +- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 review/main/_next/static/chunks/16592-1991549b48fa74bc.js | 1 - review/main/_next/static/chunks/16592-33e73b8de5917359.js | 1 + .../{2189-fb12baf6cee47cd6.js => 2189-8d4d7293cda97d7e.js} | 2 +- review/main/_next/static/chunks/24882-2c399dbcca85185c.js | 1 + review/main/_next/static/chunks/24882-c75ea4fc8c8126df.js | 1 - .../{9803-c87dd8934a516e9c.js => 9803-56596525b9223f20.js} | 2 +- .../static/css/{0b4180b5e06d18ea.css => cc2326d69e3d9af0.css} | 2 +- review/main/base64.html | 2 +- review/main/components/accordion-item.html | 2 +- review/main/components/accordion-item/code/States.html | 4 ++-- review/main/components/accordion-item/code/Tonality.html | 4 ++-- review/main/components/accordion-item/docs/Angular.html | 4 ++-- review/main/components/accordion-item/docs/HTML.html | 4 ++-- review/main/components/accordion-item/docs/Migration.html | 4 ++-- review/main/components/accordion-item/docs/React.html | 4 ++-- review/main/components/accordion-item/docs/Vue.html | 4 ++-- review/main/components/accordion-item/examples.html | 2 +- review/main/components/accordion-item/how-to-use.html | 2 +- review/main/components/accordion-item/migration.html | 2 +- review/main/components/accordion-item/overview.html | 2 +- review/main/components/accordion-item/properties.html | 2 +- review/main/components/accordion.html | 2 +- review/main/components/accordion/code/Behaviour.html | 4 ++-- review/main/components/accordion/code/Tonality.html | 4 ++-- review/main/components/accordion/docs/Angular.html | 4 ++-- review/main/components/accordion/docs/HTML.html | 4 ++-- review/main/components/accordion/docs/Migration.html | 4 ++-- review/main/components/accordion/docs/React.html | 4 ++-- review/main/components/accordion/docs/Vue.html | 4 ++-- review/main/components/accordion/examples.html | 2 +- review/main/components/accordion/how-to-use.html | 2 +- review/main/components/accordion/migration.html | 2 +- review/main/components/accordion/overview.html | 2 +- review/main/components/accordion/properties.html | 2 +- review/main/components/alert.html | 2 +- review/main/components/alert/code/Behaviour.html | 4 ++-- review/main/components/alert/code/Content.html | 4 ++-- review/main/components/alert/code/Tonality.html | 4 ++-- review/main/components/alert/code/Type.html | 4 ++-- review/main/components/alert/code/Variant.html | 4 ++-- review/main/components/alert/docs/Angular.html | 4 ++-- review/main/components/alert/docs/HTML.html | 4 ++-- review/main/components/alert/docs/Migration.html | 4 ++-- review/main/components/alert/docs/React.html | 4 ++-- review/main/components/alert/docs/Vue.html | 4 ++-- review/main/components/alert/examples.html | 2 +- review/main/components/alert/how-to-use.html | 2 +- review/main/components/alert/migration.html | 2 +- review/main/components/alert/overview.html | 2 +- review/main/components/alert/properties.html | 2 +- review/main/components/badge.html | 2 +- review/main/components/badge/code/Content.html | 4 ++-- review/main/components/badge/code/Emphasis.html | 4 ++-- review/main/components/badge/code/Examples.html | 4 ++-- review/main/components/badge/code/Placement.html | 4 ++-- review/main/components/badge/code/Size.html | 4 ++-- review/main/components/badge/code/Tonality.html | 4 ++-- review/main/components/badge/code/Variant.html | 4 ++-- review/main/components/badge/docs/Angular.html | 4 ++-- review/main/components/badge/docs/HTML.html | 4 ++-- review/main/components/badge/docs/Migration.html | 4 ++-- review/main/components/badge/docs/React.html | 4 ++-- review/main/components/badge/docs/Vue.html | 4 ++-- review/main/components/badge/examples.html | 2 +- review/main/components/badge/how-to-use.html | 2 +- review/main/components/badge/migration.html | 2 +- review/main/components/badge/overview.html | 2 +- review/main/components/badge/properties.html | 2 +- review/main/components/brand/docs/Angular.html | 4 ++-- review/main/components/brand/docs/HTML.html | 4 ++-- review/main/components/brand/docs/React.html | 4 ++-- review/main/components/brand/docs/Vue.html | 4 ++-- review/main/components/brand/examples.html | 2 +- review/main/components/brand/how-to-use.html | 2 +- review/main/components/brand/migration.html | 2 +- review/main/components/brand/properties.html | 2 +- review/main/components/button.html | 2 +- review/main/components/button/code/Behaviour.html | 4 ++-- review/main/components/button/code/Content.html | 4 ++-- review/main/components/button/code/Size.html | 4 ++-- review/main/components/button/code/State.html | 4 ++-- review/main/components/button/code/Tonality.html | 4 ++-- review/main/components/button/code/Variant.html | 4 ++-- review/main/components/button/docs/Angular.html | 4 ++-- review/main/components/button/docs/HTML.html | 4 ++-- review/main/components/button/docs/Migration.html | 4 ++-- review/main/components/button/docs/React.html | 4 ++-- review/main/components/button/docs/Vue.html | 4 ++-- review/main/components/button/examples.html | 2 +- review/main/components/button/how-to-use.html | 2 +- review/main/components/button/migration.html | 2 +- review/main/components/button/overview.html | 2 +- review/main/components/button/properties.html | 2 +- review/main/components/card.html | 2 +- review/main/components/card/code/ColorVariant.html | 4 ++-- review/main/components/card/code/Spacing.html | 4 ++-- review/main/components/card/code/Tonality.html | 4 ++-- review/main/components/card/code/Variant.html | 4 ++-- review/main/components/card/docs/Angular.html | 4 ++-- review/main/components/card/docs/HTML.html | 4 ++-- review/main/components/card/docs/Migration.html | 4 ++-- review/main/components/card/docs/React.html | 4 ++-- review/main/components/card/docs/Vue.html | 4 ++-- review/main/components/card/examples.html | 2 +- review/main/components/card/how-to-use.html | 2 +- review/main/components/card/migration.html | 2 +- review/main/components/card/overview.html | 2 +- review/main/components/card/properties.html | 2 +- review/main/components/checkbox.html | 2 +- review/main/components/checkbox/code/Requirement.html | 4 ++-- review/main/components/checkbox/code/Size.html | 4 ++-- review/main/components/checkbox/code/States.html | 4 ++-- review/main/components/checkbox/code/Tonality.html | 4 ++-- review/main/components/checkbox/code/VariantLabel.html | 4 ++-- review/main/components/checkbox/docs/Angular.html | 4 ++-- review/main/components/checkbox/docs/HTML.html | 4 ++-- review/main/components/checkbox/docs/React.html | 4 ++-- review/main/components/checkbox/docs/Vue.html | 4 ++-- review/main/components/checkbox/examples.html | 2 +- review/main/components/checkbox/how-to-use.html | 2 +- review/main/components/checkbox/migration.html | 2 +- review/main/components/checkbox/overview.html | 2 +- review/main/components/checkbox/properties.html | 2 +- review/main/components/code-docs/docs/Angular.html | 4 ++-- review/main/components/code-docs/docs/HTML.html | 4 ++-- review/main/components/code-docs/docs/React.html | 4 ++-- review/main/components/code-docs/docs/Vue.html | 4 ++-- review/main/components/code-docs/examples.html | 2 +- review/main/components/code-docs/how-to-use.html | 2 +- review/main/components/code-docs/migration.html | 2 +- review/main/components/code-docs/properties.html | 2 +- review/main/components/divider.html | 2 +- review/main/components/divider/code/Emphasis.html | 4 ++-- review/main/components/divider/code/Tonality.html | 4 ++-- review/main/components/divider/code/Variant.html | 4 ++-- review/main/components/divider/docs/Angular.html | 4 ++-- review/main/components/divider/docs/HTML.html | 4 ++-- review/main/components/divider/docs/Migration.html | 4 ++-- review/main/components/divider/docs/React.html | 4 ++-- review/main/components/divider/docs/Vue.html | 4 ++-- review/main/components/divider/examples.html | 2 +- review/main/components/divider/how-to-use.html | 2 +- review/main/components/divider/migration.html | 2 +- review/main/components/divider/overview.html | 2 +- review/main/components/divider/properties.html | 2 +- review/main/components/drawer.html | 2 +- review/main/components/drawer/code/Backdrop.html | 4 ++-- review/main/components/drawer/code/Directions.html | 4 ++-- review/main/components/drawer/code/Rounded.html | 4 ++-- review/main/components/drawer/code/Size.html | 4 ++-- review/main/components/drawer/code/Spacing.html | 4 ++-- review/main/components/drawer/code/Tonality.html | 4 ++-- review/main/components/drawer/docs/Angular.html | 4 ++-- review/main/components/drawer/docs/HTML.html | 4 ++-- review/main/components/drawer/docs/Migration.html | 4 ++-- review/main/components/drawer/docs/React.html | 4 ++-- review/main/components/drawer/docs/Vue.html | 4 ++-- review/main/components/drawer/examples.html | 2 +- review/main/components/drawer/how-to-use.html | 2 +- review/main/components/drawer/migration.html | 2 +- review/main/components/drawer/overview.html | 2 +- review/main/components/drawer/properties.html | 2 +- review/main/components/header/docs/Angular.html | 4 ++-- review/main/components/header/docs/HTML.html | 4 ++-- review/main/components/header/docs/React.html | 4 ++-- review/main/components/header/docs/Vue.html | 4 ++-- review/main/components/header/examples.html | 2 +- review/main/components/header/how-to-use.html | 2 +- review/main/components/header/migration.html | 2 +- review/main/components/header/properties.html | 2 +- review/main/components/icon/docs/Angular.html | 4 ++-- review/main/components/icon/docs/HTML.html | 4 ++-- review/main/components/icon/docs/React.html | 4 ++-- review/main/components/icon/docs/Vue.html | 4 ++-- review/main/components/icon/examples.html | 2 +- review/main/components/icon/how-to-use.html | 2 +- review/main/components/icon/migration.html | 2 +- review/main/components/icon/properties.html | 2 +- review/main/components/infotext.html | 2 +- review/main/components/infotext/code/Size.html | 4 ++-- review/main/components/infotext/code/Tonality.html | 4 ++-- review/main/components/infotext/code/Variant.html | 4 ++-- review/main/components/infotext/docs/Angular.html | 4 ++-- review/main/components/infotext/docs/HTML.html | 4 ++-- review/main/components/infotext/docs/Migration.html | 4 ++-- review/main/components/infotext/docs/React.html | 4 ++-- review/main/components/infotext/docs/Vue.html | 4 ++-- review/main/components/infotext/examples.html | 2 +- review/main/components/infotext/how-to-use.html | 2 +- review/main/components/infotext/migration.html | 2 +- review/main/components/infotext/overview.html | 2 +- review/main/components/infotext/properties.html | 2 +- review/main/components/input.html | 2 +- review/main/components/input/code/Content.html | 4 ++-- review/main/components/input/code/ExampleTypes.html | 4 ++-- .../main/components/input/code/ExampleTypesFloatingLabel.html | 4 ++-- review/main/components/input/code/Requirement.html | 4 ++-- review/main/components/input/code/Semantic.html | 4 ++-- review/main/components/input/code/StatesFloatingLabel.html | 4 ++-- review/main/components/input/code/StatesLabelAbove.html | 4 ++-- review/main/components/input/code/Tonality.html | 4 ++-- review/main/components/input/code/VariantHelperMessage.html | 4 ++-- review/main/components/input/code/VariantLabel.html | 4 ++-- review/main/components/input/docs/Angular.html | 4 ++-- review/main/components/input/docs/HTML.html | 4 ++-- review/main/components/input/docs/React.html | 4 ++-- review/main/components/input/docs/Vue.html | 4 ++-- review/main/components/input/examples.html | 2 +- review/main/components/input/how-to-use.html | 2 +- review/main/components/input/migration.html | 2 +- review/main/components/input/overview.html | 2 +- review/main/components/input/properties.html | 2 +- review/main/components/link.html | 2 +- review/main/components/link/code/Content.html | 4 ++-- review/main/components/link/code/Size.html | 4 ++-- review/main/components/link/code/State.html | 4 ++-- review/main/components/link/code/Tonality.html | 4 ++-- review/main/components/link/code/Variant.html | 4 ++-- review/main/components/link/docs/Angular.html | 4 ++-- review/main/components/link/docs/HTML.html | 4 ++-- review/main/components/link/docs/React.html | 4 ++-- review/main/components/link/docs/Vue.html | 4 ++-- review/main/components/link/examples.html | 2 +- review/main/components/link/how-to-use.html | 2 +- review/main/components/link/migration.html | 2 +- review/main/components/link/overview.html | 2 +- review/main/components/link/properties.html | 2 +- review/main/components/main-navigation.html | 2 +- review/main/components/main-navigation/code/Tonality.html | 4 ++-- review/main/components/main-navigation/docs/Angular.html | 4 ++-- review/main/components/main-navigation/docs/HTML.html | 4 ++-- review/main/components/main-navigation/docs/React.html | 4 ++-- review/main/components/main-navigation/docs/Vue.html | 4 ++-- review/main/components/main-navigation/examples.html | 2 +- review/main/components/main-navigation/how-to-use.html | 2 +- review/main/components/main-navigation/migration.html | 2 +- review/main/components/main-navigation/overview.html | 2 +- review/main/components/main-navigation/properties.html | 2 +- review/main/components/navigation-item.html | 2 +- review/main/components/navigation-item/code/Content.html | 4 ++-- review/main/components/navigation-item/code/States.html | 4 ++-- review/main/components/navigation-item/code/Tonality.html | 4 ++-- review/main/components/navigation-item/code/Width.html | 4 ++-- review/main/components/navigation-item/docs/Angular.html | 4 ++-- review/main/components/navigation-item/docs/HTML.html | 4 ++-- review/main/components/navigation-item/docs/Migration.html | 4 ++-- review/main/components/navigation-item/docs/React.html | 4 ++-- review/main/components/navigation-item/docs/Vue.html | 4 ++-- review/main/components/navigation-item/examples.html | 2 +- review/main/components/navigation-item/how-to-use.html | 2 +- review/main/components/navigation-item/migration.html | 2 +- review/main/components/navigation-item/overview.html | 2 +- review/main/components/navigation-item/properties.html | 2 +- review/main/components/page/docs/Angular.html | 4 ++-- review/main/components/page/docs/HTML.html | 4 ++-- review/main/components/page/docs/React.html | 4 ++-- review/main/components/page/docs/Vue.html | 4 ++-- review/main/components/page/examples.html | 2 +- review/main/components/page/how-to-use.html | 2 +- review/main/components/page/migration.html | 2 +- review/main/components/page/properties.html | 2 +- review/main/components/popover.html | 2 +- review/main/components/popover/code/Animations.html | 4 ++-- review/main/components/popover/code/Gap.html | 4 ++-- review/main/components/popover/code/Placement.html | 4 ++-- review/main/components/popover/code/Spacing.html | 4 ++-- review/main/components/popover/code/Tonality.html | 4 ++-- review/main/components/popover/code/Width.html | 4 ++-- review/main/components/popover/docs/Angular.html | 4 ++-- review/main/components/popover/docs/HTML.html | 4 ++-- review/main/components/popover/docs/Migration.html | 4 ++-- review/main/components/popover/docs/React.html | 4 ++-- review/main/components/popover/docs/Vue.html | 4 ++-- review/main/components/popover/examples.html | 2 +- review/main/components/popover/how-to-use.html | 2 +- review/main/components/popover/migration.html | 2 +- review/main/components/popover/overview.html | 2 +- review/main/components/popover/properties.html | 2 +- review/main/components/radio.html | 2 +- review/main/components/radio/code/Requirement.html | 4 ++-- review/main/components/radio/code/Size.html | 4 ++-- review/main/components/radio/code/States.html | 4 ++-- review/main/components/radio/code/Tonality.html | 4 ++-- review/main/components/radio/code/VariantLabel.html | 4 ++-- review/main/components/radio/docs/Angular.html | 4 ++-- review/main/components/radio/docs/HTML.html | 4 ++-- review/main/components/radio/docs/React.html | 4 ++-- review/main/components/radio/docs/Vue.html | 4 ++-- review/main/components/radio/examples.html | 2 +- review/main/components/radio/how-to-use.html | 2 +- review/main/components/radio/migration.html | 2 +- review/main/components/radio/overview.html | 2 +- review/main/components/radio/properties.html | 2 +- review/main/components/readme.html | 2 +- review/main/components/section.html | 2 +- review/main/components/section/code/Size.html | 4 ++-- review/main/components/section/code/Tonality.html | 4 ++-- review/main/components/section/code/Variant.html | 4 ++-- review/main/components/section/docs/Angular.html | 4 ++-- review/main/components/section/docs/HTML.html | 4 ++-- review/main/components/section/docs/Migration.html | 4 ++-- review/main/components/section/docs/React.html | 4 ++-- review/main/components/section/docs/Vue.html | 4 ++-- review/main/components/section/examples.html | 2 +- review/main/components/section/how-to-use.html | 2 +- review/main/components/section/migration.html | 2 +- review/main/components/section/overview.html | 2 +- review/main/components/section/properties.html | 2 +- review/main/components/select.html | 2 +- review/main/components/select/code/Content.html | 4 ++-- review/main/components/select/code/Requirement.html | 4 ++-- review/main/components/select/code/Semantic.html | 4 ++-- review/main/components/select/code/StatesFloatingLabel.html | 4 ++-- review/main/components/select/code/StatesLabelAbove.html | 4 ++-- review/main/components/select/code/Tonality.html | 4 ++-- review/main/components/select/code/VariantHelperMessage.html | 4 ++-- review/main/components/select/code/VariantLabel.html | 4 ++-- review/main/components/select/docs/Angular.html | 4 ++-- review/main/components/select/docs/HTML.html | 4 ++-- review/main/components/select/docs/Migration.html | 4 ++-- review/main/components/select/docs/React.html | 4 ++-- review/main/components/select/docs/Vue.html | 4 ++-- review/main/components/select/examples.html | 2 +- review/main/components/select/how-to-use.html | 2 +- review/main/components/select/migration.html | 2 +- review/main/components/select/overview.html | 2 +- review/main/components/select/properties.html | 2 +- review/main/components/tab-bar/docs/Angular.html | 4 ++-- review/main/components/tab-bar/docs/HTML.html | 4 ++-- review/main/components/tab-bar/docs/React.html | 4 ++-- review/main/components/tab-bar/docs/Vue.html | 4 ++-- review/main/components/tab-bar/examples.html | 2 +- review/main/components/tab-bar/how-to-use.html | 2 +- review/main/components/tab-bar/migration.html | 2 +- review/main/components/tab-bar/properties.html | 2 +- review/main/components/tab/docs/Angular.html | 4 ++-- review/main/components/tab/docs/HTML.html | 4 ++-- review/main/components/tab/docs/React.html | 4 ++-- review/main/components/tab/docs/Vue.html | 4 ++-- review/main/components/tab/examples.html | 2 +- review/main/components/tab/how-to-use.html | 2 +- review/main/components/tab/migration.html | 2 +- review/main/components/tab/properties.html | 2 +- review/main/components/tag.html | 2 +- review/main/components/tag/code/Behaviour.html | 4 ++-- review/main/components/tag/code/Content.html | 4 ++-- review/main/components/tag/code/Emphasis.html | 4 ++-- review/main/components/tag/code/Example.html | 4 ++-- review/main/components/tag/code/Overflow.html | 4 ++-- review/main/components/tag/code/State.html | 4 ++-- review/main/components/tag/code/Tonality.html | 4 ++-- review/main/components/tag/code/Variant.html | 4 ++-- review/main/components/tag/docs/Angular.html | 4 ++-- review/main/components/tag/docs/HTML.html | 4 ++-- review/main/components/tag/docs/Migration.html | 4 ++-- review/main/components/tag/docs/React.html | 4 ++-- review/main/components/tag/docs/Vue.html | 4 ++-- review/main/components/tag/examples.html | 2 +- review/main/components/tag/how-to-use.html | 2 +- review/main/components/tag/migration.html | 2 +- review/main/components/tag/overview.html | 2 +- review/main/components/tag/properties.html | 2 +- review/main/components/textarea.html | 2 +- review/main/components/textarea/code/Requirement.html | 4 ++-- review/main/components/textarea/code/Rows.html | 4 ++-- review/main/components/textarea/code/Semantic.html | 4 ++-- review/main/components/textarea/code/StatesFloatingLabel.html | 4 ++-- review/main/components/textarea/code/StatesLabelAbove.html | 4 ++-- review/main/components/textarea/code/Tonality.html | 4 ++-- .../main/components/textarea/code/VariantHelperMessage.html | 4 ++-- review/main/components/textarea/code/VariantLabel.html | 4 ++-- review/main/components/textarea/docs/Angular.html | 4 ++-- review/main/components/textarea/docs/HTML.html | 4 ++-- review/main/components/textarea/docs/Migration.html | 4 ++-- review/main/components/textarea/docs/React.html | 4 ++-- review/main/components/textarea/docs/Vue.html | 4 ++-- review/main/components/textarea/examples.html | 2 +- review/main/components/textarea/how-to-use.html | 2 +- review/main/components/textarea/migration.html | 2 +- review/main/components/textarea/overview.html | 2 +- review/main/components/textarea/properties.html | 2 +- review/main/components/tooltip.html | 2 +- review/main/components/tooltip/code/Animations.html | 4 ++-- review/main/components/tooltip/code/Emphasis.html | 4 ++-- review/main/components/tooltip/code/Placement.html | 4 ++-- review/main/components/tooltip/code/Tonality.html | 4 ++-- review/main/components/tooltip/code/Variant.html | 4 ++-- review/main/components/tooltip/code/Width.html | 4 ++-- review/main/components/tooltip/docs/Angular.html | 4 ++-- review/main/components/tooltip/docs/HTML.html | 4 ++-- review/main/components/tooltip/docs/Migration.html | 4 ++-- review/main/components/tooltip/docs/React.html | 4 ++-- review/main/components/tooltip/docs/Vue.html | 4 ++-- review/main/components/tooltip/examples.html | 2 +- review/main/components/tooltip/how-to-use.html | 2 +- review/main/components/tooltip/migration.html | 2 +- review/main/components/tooltip/overview.html | 2 +- review/main/components/tooltip/properties.html | 2 +- review/main/foundations/colors/overview.html | 2 +- review/main/foundations/colors/readme.html | 2 +- review/main/foundations/icons/custom-icons.html | 2 +- review/main/foundations/icons/overview.html | 2 +- review/main/foundations/icons/readme.html | 2 +- review/main/foundations/readme.html | 2 +- review/main/foundations/tonalities/examples.html | 2 +- review/main/foundations/tonalities/readme.html | 2 +- review/main/foundations/variables/examples.html | 2 +- review/main/foundations/variables/readme.html | 2 +- review/main/iframe.html | 2 +- review/main/index.html | 2 +- 413 files changed, 645 insertions(+), 645 deletions(-) rename review/main/_next/static/{h492DIqfFM_-t8f0ufeLm => 7VB_wni4IAJ05eDLQvbt7}/_buildManifest.js (98%) rename review/main/_next/static/{h492DIqfFM_-t8f0ufeLm => 7VB_wni4IAJ05eDLQvbt7}/_ssgManifest.js (100%) delete mode 100644 review/main/_next/static/chunks/16592-1991549b48fa74bc.js create mode 100644 review/main/_next/static/chunks/16592-33e73b8de5917359.js rename review/main/_next/static/chunks/{2189-fb12baf6cee47cd6.js => 2189-8d4d7293cda97d7e.js} (97%) create mode 100644 review/main/_next/static/chunks/24882-2c399dbcca85185c.js delete mode 100644 review/main/_next/static/chunks/24882-c75ea4fc8c8126df.js rename review/main/_next/static/chunks/{9803-c87dd8934a516e9c.js => 9803-56596525b9223f20.js} (55%) rename review/main/_next/static/css/{0b4180b5e06d18ea.css => cc2326d69e3d9af0.css} (53%) diff --git a/review/main/404.html b/review/main/404.html index 88ce66599e1..27932b13132 100644 --- a/review/main/404.html +++ b/review/main/404.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/review/main/_next/static/h492DIqfFM_-t8f0ufeLm/_buildManifest.js b/review/main/_next/static/7VB_wni4IAJ05eDLQvbt7/_buildManifest.js similarity index 98% rename from review/main/_next/static/h492DIqfFM_-t8f0ufeLm/_buildManifest.js rename to review/main/_next/static/7VB_wni4IAJ05eDLQvbt7/_buildManifest.js index 02f75f623aa..e7ebd72916c 100644 --- a/review/main/_next/static/h492DIqfFM_-t8f0ufeLm/_buildManifest.js +++ b/review/main/_next/static/7VB_wni4IAJ05eDLQvbt7/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o9,o8,o3,o5,o1,o4,o0,o6,o2,o7,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e9){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o5,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-2bf02b01e1ea3a00.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o1,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o4,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o4,o0,o1,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-540c9ef92b4499ee.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-58c16de1a42683f4.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o2,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o7,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o7,o2,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-1f64ece3c5d1c136.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d8689e1ddae0293.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-6e953d5f5b29013b.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-cefc6b5abfa5a80c.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-0381a230e1b7ef7d.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-fbbcaf99bbac0e6a.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-95c0b2d972795276.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-e63a584a06b0bfea.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-8553c8cc400ee46c.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-9523a268aeb29ad1.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-caa93c5695fe5683.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-74d13838da712824.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-378c7da5be48e9f4.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-93748cbbfb9d16e6.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ef0913ce423bb82d.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-37f50471141bab9a.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-74d7b1f195dc88ef.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-4fab05398bbc8130.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-14d031b3cc5407c4.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-12ad54d17f15142d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-606e81797cc602ef.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-86d4300628da57df.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-f06c1b55a065d1b8.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-441893e204110d0c.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-ea614f07d594162d.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-e5fab4bec52f35f4.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-b2591c6e0358d9d3.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-f0f2638d398ec6e8.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-44df9bf6c8b9f82d.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-9c650e1c3d95800e.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-be4dc4d3b9b560ac.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-28372963e79dec52.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-143cf219d0cb4f40.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-85bc2caee160a0b9.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-ad56d91328aad056.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-cc0ed1991c46bc31.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-94235e5d5fba80dd.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o9,o8,o3,"static/chunks/pages/components/tooltip-0bea5c1467d2e59f.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o3,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o8,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o9,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e9,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e9,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o9,o8,o3,"static/chunks/pages/components/tooltip/overview-d8b13bb7d37f0ba1.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[s,e,c,"static/chunks/pages/foundations/colors/readme-11b19c6285564dba.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o5,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-23069f87fb9ed38c.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-c75ea4fc8c8126df.js","static/chunks/2189-fb12baf6cee47cd6.js","static/chunks/9803-c87dd8934a516e9c.js","static/chunks/16592-1991549b48fa74bc.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o8,o9,o3,o5,o1,o4,o0,o6,o2,o7,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e8){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o5,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-2bf02b01e1ea3a00.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o1,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o4,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o4,o0,o1,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-540c9ef92b4499ee.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-58c16de1a42683f4.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o2,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o7,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o7,o2,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-1f64ece3c5d1c136.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d8689e1ddae0293.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-6e953d5f5b29013b.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-cefc6b5abfa5a80c.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-0381a230e1b7ef7d.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-fbbcaf99bbac0e6a.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-95c0b2d972795276.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-e63a584a06b0bfea.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-8553c8cc400ee46c.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-9523a268aeb29ad1.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-caa93c5695fe5683.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-74d13838da712824.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-378c7da5be48e9f4.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-93748cbbfb9d16e6.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ef0913ce423bb82d.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-37f50471141bab9a.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-74d7b1f195dc88ef.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-4fab05398bbc8130.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-14d031b3cc5407c4.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-12ad54d17f15142d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-606e81797cc602ef.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-86d4300628da57df.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-f06c1b55a065d1b8.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-441893e204110d0c.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-ea614f07d594162d.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-e5fab4bec52f35f4.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-b2591c6e0358d9d3.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-f0f2638d398ec6e8.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-44df9bf6c8b9f82d.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-9c650e1c3d95800e.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-be4dc4d3b9b560ac.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-28372963e79dec52.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-143cf219d0cb4f40.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-85bc2caee160a0b9.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-ad56d91328aad056.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-cc0ed1991c46bc31.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-94235e5d5fba80dd.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o8,o9,o3,"static/chunks/pages/components/tooltip-0bea5c1467d2e59f.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o3,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o9,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o8,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e8,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e8,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o8,o9,o3,"static/chunks/pages/components/tooltip/overview-d8b13bb7d37f0ba1.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[s,e,c,"static/chunks/pages/foundations/colors/readme-11b19c6285564dba.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o5,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-23069f87fb9ed38c.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-2c399dbcca85185c.js","static/chunks/2189-8d4d7293cda97d7e.js","static/chunks/9803-56596525b9223f20.js","static/chunks/16592-33e73b8de5917359.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/_next/static/h492DIqfFM_-t8f0ufeLm/_ssgManifest.js b/review/main/_next/static/7VB_wni4IAJ05eDLQvbt7/_ssgManifest.js similarity index 100% rename from review/main/_next/static/h492DIqfFM_-t8f0ufeLm/_ssgManifest.js rename to review/main/_next/static/7VB_wni4IAJ05eDLQvbt7/_ssgManifest.js diff --git a/review/main/_next/static/chunks/16592-1991549b48fa74bc.js b/review/main/_next/static/chunks/16592-1991549b48fa74bc.js deleted file mode 100644 index 44fce14ab34..00000000000 --- a/review/main/_next/static/chunks/16592-1991549b48fa74bc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/16592-33e73b8de5917359.js b/review/main/_next/static/chunks/16592-33e73b8de5917359.js new file mode 100644 index 00000000000..575b7020abf --- /dev/null +++ b/review/main/_next/static/chunks/16592-33e73b8de5917359.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/2189-fb12baf6cee47cd6.js b/review/main/_next/static/chunks/2189-8d4d7293cda97d7e.js similarity index 97% rename from review/main/_next/static/chunks/2189-fb12baf6cee47cd6.js rename to review/main/_next/static/chunks/2189-8d4d7293cda97d7e.js index e5b588aab3f..87ddf09b6c6 100644 --- a/review/main/_next/static/chunks/2189-fb12baf6cee47cd6.js +++ b/review/main/_next/static/chunks/2189-8d4d7293cda97d7e.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24882-2c399dbcca85185c.js b/review/main/_next/static/chunks/24882-2c399dbcca85185c.js new file mode 100644 index 00000000000..b3ab5713479 --- /dev/null +++ b/review/main/_next/static/chunks/24882-2c399dbcca85185c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24882-c75ea4fc8c8126df.js b/review/main/_next/static/chunks/24882-c75ea4fc8c8126df.js deleted file mode 100644 index bbf530dc29e..00000000000 --- a/review/main/_next/static/chunks/24882-c75ea4fc8c8126df.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/9803-c87dd8934a516e9c.js b/review/main/_next/static/chunks/9803-56596525b9223f20.js similarity index 55% rename from review/main/_next/static/chunks/9803-c87dd8934a516e9c.js rename to review/main/_next/static/chunks/9803-56596525b9223f20.js index ea7644abd24..e880ddd4223 100644 --- a/review/main/_next/static/chunks/9803-c87dd8934a516e9c.js +++ b/review/main/_next/static/chunks/9803-56596525b9223f20.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/css/0b4180b5e06d18ea.css b/review/main/_next/static/css/cc2326d69e3d9af0.css similarity index 53% rename from review/main/_next/static/css/0b4180b5e06d18ea.css rename to review/main/_next/static/css/cc2326d69e3d9af0.css index ab2e2180d02..532aed852a1 100644 --- a/review/main/_next/static/css/0b4180b5e06d18ea.css +++ b/review/main/_next/static/css/cc2326d69e3d9af0.css @@ -12,4 +12,4 @@ --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled - );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-code-docs .code-details .code,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-accordion-item summary,.db-button,.db-checkbox input,.db-input input,.db-radio input,.db-radio input:checked:enabled:hover,.db-select select,.db-tag a,.db-tag button,.db-tag input:checked,.db-tag label:has(input:checked),.db-textarea textarea,.db-textarea textarea::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5rem;--db-breakpoint-sm:45rem;--db-breakpoint-md:64rem;--db-breakpoint-lg:90rem;--db-breakpoint-xl:120rem}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}*{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input input>*,.db-input[data-label-variant=floating] label,.db-input[data-label-variant=floating] label>*,.db-select [id$=-placeholder],.db-select [id$=-placeholder]>*,.db-select select,.db-select select>*,.db-select[data-label-variant=floating] label,.db-select[data-label-variant=floating] label>*,.db-textarea textarea,.db-textarea textarea>*,.db-textarea[data-label-variant=floating] label,.db-textarea[data-label-variant=floating] label>*{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge,.db-badge .db-icon,.db-badge .db-icon>*,.db-badge>*,.db-badge>*>*,.db-button[data-size=small],.db-button[data-size=small]>*,.db-infotext,.db-infotext>*,.db-input,.db-input>*,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] [id$=-placeholder]>*,.db-input[data-label-variant=floating] input,.db-input[data-label-variant=floating] input>*,.db-link[data-size=small],.db-link[data-size=small]>*,.db-select,.db-select>*,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] [id$=-placeholder]>*,.db-select[data-label-variant=floating] select,.db-select[data-label-variant=floating] select>*,.db-tag,.db-tag a,.db-tag a>*,.db-tag button,.db-tag button>*,.db-tag label,.db-tag label>*,.db-tag>*,.db-textarea,.db-textarea>*,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] [id$=-placeholder]>*,.db-textarea[data-label-variant=floating] textarea,.db-textarea[data-label-variant=floating] textarea>*,.db-tooltip,.db-tooltip>*,[data-size=small].db-checkbox,[data-size=small].db-checkbox>*,[data-size=small].db-radio,[data-size=small].db-radio>*,code,code>*,div[class^=ch-] div,div[class^=ch-] div>*,div[class^=ch-] span,div[class^=ch-] span>*,small,small>*{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-infotext[data-size=small]>*,.db-input label,.db-input label>*,.db-select label,.db-select label>*,.db-textarea label,.db-textarea label>*{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge[data-size=small],.db-badge[data-size=small] .db-icon,.db-badge[data-size=small]>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-badge[data-size=small] .db-icon>*,.db-badge[data-size=small]>*,.db-badge[data-size=small]>*>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-input[data-label-variant=floating]:has(input:focus-within) label>*,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label>*,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-select[data-label-variant=floating]:has(select:focus-within) label>*,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label>*,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label>*,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label>*{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/main/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/main/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/main/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/main/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/main/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing));transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}.db-link{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-translate-x,0),var(--db-popover-translate-y,0))}to{opacity:1;transform:translate(0)}}:root{--db-focus-outline-color:var(--db-informational-text-enabled);--db-focus-box-shadow-bg-color:var(--db-base-bg-enabled);--db-focus-box-shadow-on-bg-color:var(--db-current-color,var(--db-base-on-bg-enabled))}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:calc(var(--db-border-height-lg) + var(--db-border-height-md));box-shadow:0 0 0 var(--db-border-height-lg) var(--db-focus-box-shadow-bg-color),0 0 0 calc(var(--db-border-height-lg) + var(--db-border-height-md)) var(--db-focus-box-shadow-on-bg-color);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible:not([type=radio]){border-radius:var(--db-border-radius-md)}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-alert,.db-badge,.db-input input,.db-popover,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md)}.db-button:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important;display:flex}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:enabled:hover,.db-radio input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:enabled:active,.db-radio input:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64rem){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45rem}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64rem){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64rem){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64rem){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%}@media screen and (min-width:64rem){.db-header-action-container:before:not([data-force-mobile]),.db-header-action-container:before[data-force-mobile=false]{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64rem){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}[data-hide-on=mobile]{display:none}@media screen and (min-width:64rem){[data-hide-on=mobile]:not([data-force-mobile]),[data-hide-on=mobile][data-force-mobile=false]{display:inherit}[data-hide-on=desktop]:not([data-force-mobile]),[data-hide-on=desktop][data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;overflow:hidden;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;align-items:center;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward"}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64rem){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64rem}.db-section>div[data-variant=large]{max-inline-size:90rem}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details,.db-code-docs.db-card .code-details,.db-code-docs>.db-card .code-details{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:100%;display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset-inline-end:0;inset-block:0;-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.db-code-docs .code-details .code:not([data-force-mobile]),.db-code-docs .code-details .code[data-force-mobile=false]{inline-size:50%}}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){padding-inline:var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs);-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{-webkit-padding-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{display:none}.db-tag a{display:inline-flex;text-decoration:none}.db-tag a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag button:enabled:hover,.db-tag input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:enabled:hover,.db-tag label:has(input:checked):enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active,.db-tag label:has(input:checked):enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64rem){.db-navigation-item:not([data-force-mobile]):after,[data-force-mobile=false].db-navigation-item:after{-webkit-border-start:none;border-inline-start:none;-webkit-border-after:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-block-end:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);inset-block-end:calc(-1*var(--db-spacing-fixed-xs));inline-size:0;block-size:auto;inset-inline-start:50%;inset-block-start:auto;transform:translate(-50%)}}.db-navigation-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing);block-size:0;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));-webkit-border-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-inline-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled)}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:auto;inline-size:100%}}.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%}@media screen and (min-width:64rem){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-navigation-item a:after{--db-icon-margin-start:auto}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{-webkit-padding-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height))}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:64rem){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item[aria-current=page]{font-weight:700}.db-navigation-item:not([aria-current=page]){font-weight:400}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full]:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:64rem){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64rem){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}}@media screen and (min-width:64rem){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.75rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==")}.db-textarea textarea::-webkit-resizer,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .75rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .75rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-sm);border-radius:42px;padding-inline:var(--db-spacing-fixed-xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]{--badge-size:var(--db-spacing-fixed-xs);padding-inline:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]:empty,.db-badge[data-size=small]>span:empty{padding:0}.db-badge[data-size=small]:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;inline-size:100%}.db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item:last-of-type{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-accordion-item:last-of-type[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:last-of-type:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}db-accordion-item:not(:last-of-type) .db-accordion-item:last-of-type:after{content:none}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64rem){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64rem){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover:not([data-placement]),.db-tooltip:not([data-placement]),[data-placement^=bottom].db-popover,[data-placement^=bottom].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}.db-popover:not([data-placement])[data-placement$=end],.db-tooltip:not([data-placement])[data-placement$=end],[data-placement^=bottom][data-placement$=end].db-popover,[data-placement^=bottom][data-placement$=end].db-tooltip{inset-inline-end:0}.db-popover:not([data-placement])[data-placement$=start],.db-tooltip:not([data-placement])[data-placement$=start],[data-placement^=bottom][data-placement$=start].db-popover,[data-placement^=bottom][data-placement$=start].db-tooltip{inset-inline-start:0}.db-popover:not([data-placement])[data-gap=true],.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip),[data-placement^=bottom][data-gap=true].db-popover{--db-popover-gap:1}.db-popover:not([data-placement])[data-gap=true]:before,.db-tooltip:not([data-placement]):is(.db-tooltip):before,[data-placement^=bottom].db-tooltip:is(.db-tooltip):before,[data-placement^=bottom][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=right].db-popover,[data-placement^=right].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=right].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=right][data-placement$=end].db-popover,[data-placement^=right][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=right][data-placement$=start].db-popover,[data-placement^=right][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=right].db-tooltip:is(.db-tooltip),[data-placement^=right][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=right].db-tooltip:is(.db-tooltip):before,[data-placement^=right][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-start:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=left].db-popover,[data-placement^=left].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=left].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=left][data-placement$=end].db-popover,[data-placement^=left][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=left][data-placement$=start].db-popover,[data-placement^=left][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=left].db-tooltip:is(.db-tooltip),[data-placement^=left][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=left].db-tooltip:is(.db-tooltip):before,[data-placement^=left][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-end:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-end:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=top].db-popover,[data-placement^=top].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=top].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=top][data-placement$=end].db-popover,[data-placement^=top][data-placement$=end].db-tooltip{inset-inline-end:0}[data-placement^=top][data-placement$=start].db-popover,[data-placement^=top][data-placement$=start].db-tooltip{inset-inline-start:0}[data-placement^=top].db-tooltip:is(.db-tooltip),[data-placement^=top][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=top].db-tooltip:is(.db-tooltip):before,[data-placement^=top][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-end:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-end:calc(-1*var(--db-popover-distance) - 2px)}.db-popover[data-open=true],:has(>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover[data-open=true]:not([data-placement]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,[data-placement^=bottom].db-popover[data-open=true]{--db-popover-translate-y:-25%}.db-popover[data-open=true]:not([data-placement])[data-animation=disabled],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=bottom][data-animation=disabled].db-popover[data-open=true]{opacity:1}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=slow],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=fast],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,[data-placement^=right].db-popover[data-open=true]{--db-popover-translate-x:-25%}:has(>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=right][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,[data-placement^=left].db-popover[data-open=true]{--db-popover-translate-x:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=left][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,[data-placement^=top].db-popover[data-open=true]{--db-popover-translate-y:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=top][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;font-style:normal}[data-width=fixed].db-popover,[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover,.db-popover[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):after,.db-tooltip[data-placement^=bottom]:after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-placement^=top]:after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-placement^=right]:after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-placement^=left]:after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tabbar,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtabbar,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(.db-badge[data-placement^=corner]){position:relative}:has(>.db-popover),:has(>db-popover),:has(>dbpopover){position:relative}:has(>.db-tooltip),:has(>db-tooltip),:has(>dbtooltip){position:relative}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-2xs-line-height:1.5;--db-typography-functional-desktop-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-desktop-2xs:12;--db-base-icon-font-size-functional-desktop-2xs:0.75rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-2xs-line-height:1.5;--db-typography-functional-tablet-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-tablet-2xs:12;--db-base-icon-font-size-functional-tablet-2xs:0.75rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.5;--db-typography-functional-mobile-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-mobile-2xs:12;--db-base-icon-font-size-functional-mobile-2xs:0.75rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color,var(--db-base-on-bg-enabled))}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{flex-direction:column;padding:var(--db-spacing-fixed-md)}.default-container,.variants-list{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list>div{align-items:center;display:flex;gap:var(--db-spacing-fixed-md)}.variants-list .db-select{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto} \ No newline at end of file + );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-code-docs .code-details .code,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-accordion-item summary,.db-button,.db-checkbox input,.db-input input,.db-radio input,.db-radio input:checked:enabled:hover,.db-select select,.db-tag a,.db-tag button,.db-tag input:checked,.db-tag label:has(input:checked),.db-textarea textarea,.db-textarea textarea::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5rem;--db-breakpoint-sm:45rem;--db-breakpoint-md:64rem;--db-breakpoint-lg:90rem;--db-breakpoint-xl:120rem}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}*{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input input>*,.db-input[data-label-variant=floating] label,.db-input[data-label-variant=floating] label>*,.db-select [id$=-placeholder],.db-select [id$=-placeholder]>*,.db-select select,.db-select select>*,.db-select[data-label-variant=floating] label,.db-select[data-label-variant=floating] label>*,.db-textarea textarea,.db-textarea textarea>*,.db-textarea[data-label-variant=floating] label,.db-textarea[data-label-variant=floating] label>*{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge,.db-badge .db-icon,.db-badge .db-icon>*,.db-badge>*,.db-badge>*>*,.db-button[data-size=small],.db-button[data-size=small]>*,.db-infotext,.db-infotext>*,.db-input,.db-input>*,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] [id$=-placeholder]>*,.db-input[data-label-variant=floating] input,.db-input[data-label-variant=floating] input>*,.db-link[data-size=small],.db-link[data-size=small]>*,.db-select,.db-select>*,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] [id$=-placeholder]>*,.db-select[data-label-variant=floating] select,.db-select[data-label-variant=floating] select>*,.db-tag,.db-tag a,.db-tag a>*,.db-tag button,.db-tag button>*,.db-tag label,.db-tag label>*,.db-tag>*,.db-textarea,.db-textarea>*,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] [id$=-placeholder]>*,.db-textarea[data-label-variant=floating] textarea,.db-textarea[data-label-variant=floating] textarea>*,.db-tooltip,.db-tooltip>*,[data-size=small].db-checkbox,[data-size=small].db-checkbox>*,[data-size=small].db-radio,[data-size=small].db-radio>*,code,code>*,div[class^=ch-] div,div[class^=ch-] div>*,div[class^=ch-] span,div[class^=ch-] span>*,small,small>*{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-infotext[data-size=small]>*,.db-input label,.db-input label>*,.db-select label,.db-select label>*,.db-textarea label,.db-textarea label>*{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge[data-size=small],.db-badge[data-size=small] .db-icon,.db-badge[data-size=small]>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-badge[data-size=small] .db-icon>*,.db-badge[data-size=small]>*,.db-badge[data-size=small]>*>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-input[data-label-variant=floating]:has(input:focus-within) label>*,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label>*,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-select[data-label-variant=floating]:has(select:focus-within) label>*,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label>*,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label>*,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label>*{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}@media screen and (min-width:45rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/main/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/main/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/main/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/main/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/main/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing));transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}.db-link{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-translate-x,0),var(--db-popover-translate-y,0))}to{opacity:1;transform:translate(0)}}:root{--db-focus-outline-color:var(--db-informational-text-enabled);--db-focus-box-shadow-bg-color:var(--db-base-bg-enabled);--db-focus-box-shadow-on-bg-color:var(--db-current-color,var(--db-base-on-bg-enabled))}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:calc(var(--db-border-height-lg) + var(--db-border-height-md));box-shadow:0 0 0 var(--db-border-height-lg) var(--db-focus-box-shadow-bg-color),0 0 0 calc(var(--db-border-height-lg) + var(--db-border-height-md)) var(--db-focus-box-shadow-on-bg-color);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible:not([type=radio]){border-radius:var(--db-border-radius-md)}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-alert,.db-badge,.db-input input,.db-popover,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md)}.db-button:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important;display:flex}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:enabled:hover,.db-radio input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:enabled:active,.db-radio input:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64rem){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45rem}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64rem){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64rem){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64rem){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%}@media screen and (min-width:64rem){.db-header-action-container:before:not([data-force-mobile]),.db-header-action-container:before[data-force-mobile=false]{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64rem){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}[data-hide-on=mobile]{display:none}@media screen and (min-width:64rem){[data-hide-on=mobile]:not([data-force-mobile]),[data-hide-on=mobile][data-force-mobile=false]{display:inherit}[data-hide-on=desktop]:not([data-force-mobile]),[data-hide-on=desktop][data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;overflow:hidden;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;align-items:center;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward"}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64rem){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64rem}.db-section>div[data-variant=large]{max-inline-size:90rem}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details,.db-code-docs.db-card .code-details,.db-code-docs>.db-card .code-details{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:100%;display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset-inline-end:0;inset-block:0;-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.db-code-docs .code-details .code:not([data-force-mobile]),.db-code-docs .code-details .code[data-force-mobile=false]{inline-size:50%}}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){padding-inline:var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{-webkit-padding-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{display:none}.db-tag a{display:inline-flex;text-decoration:none}.db-tag a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag button:enabled:hover,.db-tag input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:enabled:hover,.db-tag label:has(input:checked):enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active,.db-tag label:has(input:checked):enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64rem){.db-navigation-item:not([data-force-mobile]):after,[data-force-mobile=false].db-navigation-item:after{-webkit-border-start:none;border-inline-start:none;-webkit-border-after:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-block-end:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);inset-block-end:calc(-1*var(--db-spacing-fixed-xs));inline-size:0;block-size:auto;inset-inline-start:50%;inset-block-start:auto;transform:translate(-50%)}}.db-navigation-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing);block-size:0;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));-webkit-border-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-inline-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled)}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:auto;inline-size:100%}}.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%}@media screen and (min-width:64rem){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-navigation-item a:after{--db-icon-margin-start:auto}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{-webkit-padding-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height));padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size)*var(--db-base-line-height))}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:64rem){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item[aria-current=page]{font-weight:700}.db-navigation-item:not([aria-current=page]){font-weight:400}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full]:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:64rem){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64rem){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}}@media screen and (min-width:64rem){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.75rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==")}.db-textarea textarea::-webkit-resizer,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .75rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .75rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-sm);border-radius:42px;padding-inline:var(--db-spacing-fixed-xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]{--badge-size:var(--db-spacing-fixed-xs);padding-inline:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]:empty,.db-badge[data-size=small]>span:empty{padding:0}.db-badge[data-size=small]:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;inline-size:100%}.db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item:last-of-type{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-accordion-item:last-of-type[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:last-of-type:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}db-accordion-item:not(:last-of-type) .db-accordion-item:last-of-type:after{content:none}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64rem){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64rem){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover:not([data-placement]),.db-tooltip:not([data-placement]),[data-placement^=bottom].db-popover,[data-placement^=bottom].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}.db-popover:not([data-placement])[data-placement$=end],.db-tooltip:not([data-placement])[data-placement$=end],[data-placement^=bottom][data-placement$=end].db-popover,[data-placement^=bottom][data-placement$=end].db-tooltip{inset-inline-end:0}.db-popover:not([data-placement])[data-placement$=start],.db-tooltip:not([data-placement])[data-placement$=start],[data-placement^=bottom][data-placement$=start].db-popover,[data-placement^=bottom][data-placement$=start].db-tooltip{inset-inline-start:0}.db-popover:not([data-placement])[data-gap=true],.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip),[data-placement^=bottom][data-gap=true].db-popover{--db-popover-gap:1}.db-popover:not([data-placement])[data-gap=true]:before,.db-tooltip:not([data-placement]):is(.db-tooltip):before,[data-placement^=bottom].db-tooltip:is(.db-tooltip):before,[data-placement^=bottom][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=right].db-popover,[data-placement^=right].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=right].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=right][data-placement$=end].db-popover,[data-placement^=right][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=right][data-placement$=start].db-popover,[data-placement^=right][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=right].db-tooltip:is(.db-tooltip),[data-placement^=right][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=right].db-tooltip:is(.db-tooltip):before,[data-placement^=right][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-start:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=left].db-popover,[data-placement^=left].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=left].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=left][data-placement$=end].db-popover,[data-placement^=left][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=left][data-placement$=start].db-popover,[data-placement^=left][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=left].db-tooltip:is(.db-tooltip),[data-placement^=left][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=left].db-tooltip:is(.db-tooltip):before,[data-placement^=left][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-end:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-end:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=top].db-popover,[data-placement^=top].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=top].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=top][data-placement$=end].db-popover,[data-placement^=top][data-placement$=end].db-tooltip{inset-inline-end:0}[data-placement^=top][data-placement$=start].db-popover,[data-placement^=top][data-placement$=start].db-tooltip{inset-inline-start:0}[data-placement^=top].db-tooltip:is(.db-tooltip),[data-placement^=top][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=top].db-tooltip:is(.db-tooltip):before,[data-placement^=top][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-end:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-end:calc(-1*var(--db-popover-distance) - 2px)}.db-popover[data-open=true],:has(>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover[data-open=true]:not([data-placement]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,[data-placement^=bottom].db-popover[data-open=true]{--db-popover-translate-y:-25%}.db-popover[data-open=true]:not([data-placement])[data-animation=disabled],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=bottom][data-animation=disabled].db-popover[data-open=true]{opacity:1}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=slow],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=fast],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,[data-placement^=right].db-popover[data-open=true]{--db-popover-translate-x:-25%}:has(>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=right][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,[data-placement^=left].db-popover[data-open=true]{--db-popover-translate-x:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=left][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,[data-placement^=top].db-popover[data-open=true]{--db-popover-translate-y:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=top][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;font-style:normal}[data-width=fixed].db-popover,[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover,.db-popover[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):after,.db-tooltip[data-placement^=bottom]:after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-placement^=top]:after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-placement^=right]:after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-placement^=left]:after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tabbar,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtabbar,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(.db-badge[data-placement^=corner]){position:relative}:has(>.db-popover),:has(>db-popover),:has(>dbpopover){position:relative}:has(>.db-tooltip),:has(>db-tooltip),:has(>dbtooltip){position:relative}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-2xs-line-height:1.5;--db-typography-functional-desktop-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-desktop-2xs:12;--db-base-icon-font-size-functional-desktop-2xs:0.75rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-2xs-line-height:1.5;--db-typography-functional-tablet-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-tablet-2xs:12;--db-base-icon-font-size-functional-tablet-2xs:0.75rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.5;--db-typography-functional-mobile-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-mobile-2xs:12;--db-base-icon-font-size-functional-mobile-2xs:0.75rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color,var(--db-base-on-bg-enabled))}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{flex-direction:column;padding:var(--db-spacing-fixed-md)}.default-container,.variants-list{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list>div{align-items:center;display:flex;gap:var(--db-spacing-fixed-md)}.variants-list .db-select{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto} \ No newline at end of file diff --git a/review/main/base64.html b/review/main/base64.html index 6b7575d2034..0225029bac8 100644 --- a/review/main/base64.html +++ b/review/main/base64.html @@ -1 +1 @@ -
    Open IFrame
    \ No newline at end of file +
    Open IFrame
    \ No newline at end of file diff --git a/review/main/components/accordion-item.html b/review/main/components/accordion-item.html index 216565f6abb..419b558ea61 100644 --- a/review/main/components/accordion-item.html +++ b/review/main/components/accordion-item.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/States.html b/review/main/components/accordion-item/code/States.html index 8b6dc9e7919..d38d6ad69ef 100644 --- a/review/main/components/accordion-item/code/States.html +++ b/review/main/components/accordion-item/code/States.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion-item title="Enabled (Default)">
    Enabled (Default)
    </db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="Disabled" [disabled]="true">Disabled</db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="Open" [open]="true">Open</db-accordion-item>

    -
    angular
    react
    vue
    html

    <db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/Tonality.html b/review/main/components/accordion-item/code/Tonality.html index ac585456ab1..9d3fe8271ae 100644 --- a/review/main/components/accordion-item/code/Tonality.html +++ b/review/main/components/accordion-item/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion-item title="functional">functional</db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="regular (Default)">
    regular (Default)
    </db-accordion-item>

    -
    angular
    react
    vue
    html

    <db-accordion-item title="expressive">expressive</db-accordion-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion-item title="expressive">expressive</db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Angular.html b/review/main/components/accordion-item/docs/Angular.html index 9a0ecc60af4..9e68009b5d7 100644 --- a/review/main/components/accordion-item/docs/Angular.html +++ b/review/main/components/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    @@ -7,4 +7,4 @@

    Use component

    With Slots

    app.component.html

    <!-- app.component.html -->
    <db-accordion-item>
    <ng-container *title>Title</ng-container>
    Content
    </db-accordion-item>

    With attributes

    -
    app.component.html

    <!-- app.component.html -->
    <db-accordion-item title="Title" content="Content"></db-accordion-item>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-accordion-item title="Title" content="Content"></db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/HTML.html b/review/main/components/accordion-item/docs/HTML.html index 5d91a7400ce..85a1b2238a8 100644 --- a/review/main/components/accordion-item/docs/HTML.html +++ b/review/main/components/accordion-item/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <details id="my_id" class="db-accordion-item">
    <summary>Title</summary>
    <div>Content</div>
    </details>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <details id="my_id" class="db-accordion-item">
    <summary>Title</summary>
    <div>Content</div>
    </details>
    </body>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Migration.html b/review/main/components/accordion-item/docs/Migration.html index 143e6ad7c45..1d66097bd34 100644 --- a/review/main/components/accordion-item/docs/Migration.html +++ b/review/main/components/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Components

    class

    BeforeStatusAfterDescription
    cmp-accordion🔁db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)

    props

    -
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file +
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/React.html b/review/main/components/accordion-item/docs/React.html index a5153e86bef..ed446c75bb5 100644 --- a/review/main/components/accordion-item/docs/React.html +++ b/review/main/components/accordion-item/docs/React.html @@ -1,8 +1,8 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    With Slots

    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem slotTitle="Title">Content</DBAccordionItem>;
    export default App;

    With attributes

    -
    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem title="Title" content="Content" />;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem title="Title" content="Content" />;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Vue.html b/review/main/components/accordion-item/docs/Vue.html index 9d2eb347efa..b7d9c8f783d 100644 --- a/review/main/components/accordion-item/docs/Vue.html +++ b/review/main/components/accordion-item/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    With Slots

    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem>
    <template v-slot:title>Title</template>
    Content
    </DBAccordionItem>
    </template>

    With attributes

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem title="Title" content="Content"></DBAccordionItem>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem title="Title" content="Content"></DBAccordionItem>
    </template>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/examples.html b/review/main/components/accordion-item/examples.html index 32a78ce7da8..e4d21410c16 100644 --- a/review/main/components/accordion-item/examples.html +++ b/review/main/components/accordion-item/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/how-to-use.html b/review/main/components/accordion-item/how-to-use.html index 8b794cb23a1..37e291ae30c 100644 --- a/review/main/components/accordion-item/how-to-use.html +++ b/review/main/components/accordion-item/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/migration.html b/review/main/components/accordion-item/migration.html index a13b05f94c6..62063999daf 100644 --- a/review/main/components/accordion-item/migration.html +++ b/review/main/components/accordion-item/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/overview.html b/review/main/components/accordion-item/overview.html index 51576bdb093..a566f1de73b 100644 --- a/review/main/components/accordion-item/overview.html +++ b/review/main/components/accordion-item/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/properties.html b/review/main/components/accordion-item/properties.html index 9fc0fe18912..e4434eedc95 100644 --- a/review/main/components/accordion-item/properties.html +++ b/review/main/components/accordion-item/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion.html b/review/main/components/accordion.html index bca4ec29525..8ad71be9091 100644 --- a/review/main/components/accordion.html +++ b/review/main/components/accordion.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Behaviour.html b/review/main/components/accordion/code/Behaviour.html index 4ee9f99b50f..48e053462bd 100644 --- a/review/main/components/accordion/code/Behaviour.html +++ b/review/main/components/accordion/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    -
    angular
    react
    vue
    html

    <db-accordion behaviour="single">
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion behaviour="single">
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/code/Tonality.html b/review/main/components/accordion/code/Tonality.html index dfbddbd83c2..eee1a1b3761 100644 --- a/review/main/components/accordion/code/Tonality.html +++ b/review/main/components/accordion/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    -
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Angular.html b/review/main/components/accordion/docs/Angular.html index 2bb84c8c9fd..99b4c66ad31 100644 --- a/review/main/components/accordion/docs/Angular.html +++ b/review/main/components/accordion/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBAccordionModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBAccordionModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/HTML.html b/review/main/components/accordion/docs/HTML.html index 540b5215c68..50e883b34ee 100644 --- a/review/main/components/accordion/docs/HTML.html +++ b/review/main/components/accordion/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-accordion">
    <details id="id_1" class="db-accordion-item">
    <summary>Title 1</summary>
    <div>Content 1</div>
    </details>
    <details id="id_2" class="db-accordion-item">
    <summary>Title 2</summary>
    <div>Content 2</div>
    </details>
    <details id="id_3" class="db-accordion-item">
    <summary>Title 3</summary>
    <div>Content 3</div>
    </details>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-accordion">
    <details id="id_1" class="db-accordion-item">
    <summary>Title 1</summary>
    <div>Content 1</div>
    </details>
    <details id="id_2" class="db-accordion-item">
    <summary>Title 2</summary>
    <div>Content 2</div>
    </details>
    <details id="id_3" class="db-accordion-item">
    <summary>Title 3</summary>
    <div>Content 3</div>
    </details>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Migration.html b/review/main/components/accordion/docs/Migration.html index 8e819e40087..29b7932ae57 100644 --- a/review/main/components/accordion/docs/Migration.html +++ b/review/main/components/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/React.html b/review/main/components/accordion/docs/React.html index 1ebdb4b8600..6ecb989d3ac 100644 --- a/review/main/components/accordion/docs/React.html +++ b/review/main/components/accordion/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBAccordion } from "@db-ui/react-components";
    const App = () => (
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAccordion } from "@db-ui/react-components";
    const App = () => (
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Vue.html b/review/main/components/accordion/docs/Vue.html index 7a080d62d0e..5306513d23f 100644 --- a/review/main/components/accordion/docs/Vue.html +++ b/review/main/components/accordion/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordion } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordion } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    </template>

    \ No newline at end of file diff --git a/review/main/components/accordion/examples.html b/review/main/components/accordion/examples.html index 9d5cc28abcf..ec9696cb0b0 100644 --- a/review/main/components/accordion/examples.html +++ b/review/main/components/accordion/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/how-to-use.html b/review/main/components/accordion/how-to-use.html index 0afd1524fd7..38f5b834444 100644 --- a/review/main/components/accordion/how-to-use.html +++ b/review/main/components/accordion/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/migration.html b/review/main/components/accordion/migration.html index 97427d468e5..7e2c83c18d5 100644 --- a/review/main/components/accordion/migration.html +++ b/review/main/components/accordion/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/overview.html b/review/main/components/accordion/overview.html index c5f213a8e04..960b40d4236 100644 --- a/review/main/components/accordion/overview.html +++ b/review/main/components/accordion/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/properties.html b/review/main/components/accordion/properties.html index 79b9f600bbc..3b6fb56453f 100644 --- a/review/main/components/accordion/properties.html +++ b/review/main/components/accordion/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert.html b/review/main/components/alert.html index 41d7c9ddacc..d3bcfae19f6 100644 --- a/review/main/components/alert.html +++ b/review/main/components/alert.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/code/Behaviour.html b/review/main/components/alert/code/Behaviour.html index adfaade1ac2..d44345531f5 100644 --- a/review/main/components/alert/code/Behaviour.html +++ b/review/main/components/alert/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Content.html b/review/main/components/alert/code/Content.html index ad196ccc091..1102e007e4b 100644 --- a/review/main/components/alert/code/Content.html +++ b/review/main/components/alert/code/Content.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>

    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link</db-alert>

    angular
    react
    vue
    html

    <db-alert [link]="{'href':'#','text':'Link'}">Text & Link</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert>Text</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert>Text</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Tonality.html b/review/main/components/alert/code/Tonality.html index 360a230c3e6..b8de7f9847e 100644 --- a/review/main/components/alert/code/Tonality.html +++ b/review/main/components/alert/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">functional</db-alert>

    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">regular (Default)</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Type.html b/review/main/components/alert/code/Type.html index ad38550494d..536d433a05c 100644 --- a/review/main/components/alert/code/Type.html +++ b/review/main/components/alert/code/Type.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Variant.html b/review/main/components/alert/code/Variant.html index 9930bf8500a..e7a74cefa9f 100644 --- a/review/main/components/alert/code/Variant.html +++ b/review/main/components/alert/code/Variant.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="neutral" headline="Headline" [link]="{'href':'#','text':'Link'}">Neutral</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="critical" headline="Headline" [link]="{'href':'#','text':'Link'}">Critical</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="informational" headline="Headline" [link]="{'href':'#','text':'Link'}">Informational</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="successful" headline="Headline" [link]="{'href':'#','text':'Link'}">Successful</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Angular.html b/review/main/components/alert/docs/Angular.html index 804ab1370a4..3f5fb52da32 100644 --- a/review/main/components/alert/docs/Angular.html +++ b/review/main/components/alert/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBAlertModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBAlertModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-alert headline="Headline">Alert</db-alert>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-alert headline="Headline">Alert</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/HTML.html b/review/main/components/alert/docs/HTML.html index fbb9c0842cf..21861763f20 100644 --- a/review/main/components/alert/docs/HTML.html +++ b/review/main/components/alert/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-alert" data-icon="info">
    <div class="db-alert-content-container">
    <div class="db-alert-headline-container">
    <strong>Headline</strong>
    <div class="db-alert-close-container">
    <button
    class="db-button is-icon-text-replace"
    data-size="small"
    data-variant="transparent"
    data-icon="close"
    >
    Close Button
    </button>
    </div>
    </div>
    <span>Alert</span>
    </div>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-alert" data-icon="info">
    <div class="db-alert-content-container">
    <div class="db-alert-headline-container">
    <strong>Headline</strong>
    <div class="db-alert-close-container">
    <button
    class="db-button is-icon-text-replace"
    data-size="small"
    data-variant="transparent"
    data-icon="close"
    >
    Close Button
    </button>
    </div>
    </div>
    <span>Alert</span>
    </div>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Migration.html b/review/main/components/alert/docs/Migration.html index 8f271109660..37f7f476d23 100644 --- a/review/main/components/alert/docs/Migration.html +++ b/review/main/components/alert/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variant ➡ type

    BeforeStatusAfterDescription
    alert🔁alertDefault alert with different look
    status❌❌Status can be changed by variants
    🆕inlineNew styling with shadow and rounded corners (like card)

    type ➡ variants

    -
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file +
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file diff --git a/review/main/components/alert/docs/React.html b/review/main/components/alert/docs/React.html index 832596366bc..9d8a323547d 100644 --- a/review/main/components/alert/docs/React.html +++ b/review/main/components/alert/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBAlert } from "@db-ui/react-components";
    const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAlert } from "@db-ui/react-components";
    const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Vue.html b/review/main/components/alert/docs/Vue.html index adabd6ff65f..5f8a65981d0 100644 --- a/review/main/components/alert/docs/Vue.html +++ b/review/main/components/alert/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAlert } from "@db-ui/v-components";
    </script>
    <template>
    <DBAlert headline="Headline">Alert</DBAlert>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAlert } from "@db-ui/v-components";
    </script>
    <template>
    <DBAlert headline="Headline">Alert</DBAlert>
    </template>

    \ No newline at end of file diff --git a/review/main/components/alert/examples.html b/review/main/components/alert/examples.html index a6c69684e9e..3dc693e4a60 100644 --- a/review/main/components/alert/examples.html +++ b/review/main/components/alert/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/how-to-use.html b/review/main/components/alert/how-to-use.html index 31155a726f9..3fc327eb7fc 100644 --- a/review/main/components/alert/how-to-use.html +++ b/review/main/components/alert/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/migration.html b/review/main/components/alert/migration.html index 2ebcf69957a..f221c2c3cfb 100644 --- a/review/main/components/alert/migration.html +++ b/review/main/components/alert/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/overview.html b/review/main/components/alert/overview.html index f3c2609ab82..1f37b1106de 100644 --- a/review/main/components/alert/overview.html +++ b/review/main/components/alert/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/properties.html b/review/main/components/alert/properties.html index f898365216b..f332806c24f 100644 --- a/review/main/components/alert/properties.html +++ b/review/main/components/alert/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge.html b/review/main/components/badge.html index 44622748ef3..fbd72232eda 100644 --- a/review/main/components/badge.html +++ b/review/main/components/badge.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/code/Content.html b/review/main/components/badge/code/Content.html index cbeef3d6862..58f35db6a69 100644 --- a/review/main/components/badge/code/Content.html +++ b/review/main/components/badge/code/Content.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-badge [noContent]="true">Dot (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge [noContent]="true" size="small">Dot - Small</db-badge>

    angular
    react
    vue
    html

    <db-badge>Text</db-badge>

    angular
    react
    vue
    html

    <db-badge example="icon">Icon</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge example="icon" size="small">
    Icon - Small
    </db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge example="icon" size="small">
    Icon - Small
    </db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Emphasis.html b/review/main/components/badge/code/Emphasis.html index c528da3339a..9c8bdd6511c 100644 --- a/review/main/components/badge/code/Emphasis.html +++ b/review/main/components/badge/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Weak (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge emphasis="strong">Strong</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge emphasis="strong">Strong</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Examples.html b/review/main/components/badge/code/Examples.html index 989e3cd3817..0fbf43736a8 100644 --- a/review/main/components/badge/code/Examples.html +++ b/review/main/components/badge/code/Examples.html @@ -1,2 +1,2 @@ -
    -
    angular
    react
    vue
    html

    <db-badge example="number">Numbers</db-badge>

    \ No newline at end of file +
    +
    angular
    react
    vue
    html

    <db-badge example="number">Numbers</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Placement.html b/review/main/components/badge/code/Placement.html index 95b05652c16..cec9cc1f714 100644 --- a/review/main/components/badge/code/Placement.html +++ b/review/main/components/badge/code/Placement.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-badge placement="inline">Inline (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-top-left">Corner - Top - Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-center-left">Corner - Center - Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-left">Corner - Bottom- Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-top-right">Corner - Top - Right</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-center-right">Corner - Center - Right</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Size.html b/review/main/components/badge/code/Size.html index da9debd738c..584247a2e11 100644 --- a/review/main/components/badge/code/Size.html +++ b/review/main/components/badge/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Medium (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge size="small">Small</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge size="small">Small</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Tonality.html b/review/main/components/badge/code/Tonality.html index 9ae21224bc2..af3d765e997 100644 --- a/review/main/components/badge/code/Tonality.html +++ b/review/main/components/badge/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>functional</db-badge>

    angular
    react
    vue
    html

    <db-badge>regular (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge>expressive</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge>expressive</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Variant.html b/review/main/components/badge/code/Variant.html index 0890c0303eb..cf0d887adf1 100644 --- a/review/main/components/badge/code/Variant.html +++ b/review/main/components/badge/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Adaptive (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge variant="neutral">Neutral</db-badge>

    angular
    react
    vue
    html

    <db-badge variant="critical">Critical</db-badge>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-badge variant="critical" emphasis="strong">
    Critical Strong
    </db-badge>

    angular
    react
    vue
    html

    <db-badge variant="informational" emphasis="strong">
    Informational Strong
    </db-badge>

    angular
    react
    vue
    html

    <db-badge variant="successful" emphasis="strong">
    Successful Strong
    </db-badge>

    -
    angular
    react
    vue
    html

    <db-badge variant="warning" emphasis="strong">
    Warning Strong
    </db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge variant="warning" emphasis="strong">
    Warning Strong
    </db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Angular.html b/review/main/components/badge/docs/Angular.html index 1f606a57ea3..c770529ad65 100644 --- a/review/main/components/badge/docs/Angular.html +++ b/review/main/components/badge/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBBadgeModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBBadgeModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-badge>Badge</db-badge>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-badge>Badge</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/HTML.html b/review/main/components/badge/docs/HTML.html index 13616a4ae39..6e433216279 100644 --- a/review/main/components/badge/docs/HTML.html +++ b/review/main/components/badge/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-badge">Badge</span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-badge">Badge</span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Migration.html b/review/main/components/badge/docs/Migration.html index 74a30dd0396..66550c9f171 100644 --- a/review/main/components/badge/docs/Migration.html +++ b/review/main/components/badge/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/badge/docs/React.html b/review/main/components/badge/docs/React.html index 3e01ed0aac2..6599dd14ba0 100644 --- a/review/main/components/badge/docs/React.html +++ b/review/main/components/badge/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBBadge } from "@db-ui/react-components";
    const App = () => <DBBadge>Badge</DBBadge>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBBadge } from "@db-ui/react-components";
    const App = () => <DBBadge>Badge</DBBadge>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Vue.html b/review/main/components/badge/docs/Vue.html index c7810431bc4..b92033b5790 100644 --- a/review/main/components/badge/docs/Vue.html +++ b/review/main/components/badge/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBadge } from "@db-ui/v-components";
    </script>
    <template>
    <DBBadge>Badge</DBBadge>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBadge } from "@db-ui/v-components";
    </script>
    <template>
    <DBBadge>Badge</DBBadge>
    </template>

    \ No newline at end of file diff --git a/review/main/components/badge/examples.html b/review/main/components/badge/examples.html index 8a6e7e66aef..966779b4585 100644 --- a/review/main/components/badge/examples.html +++ b/review/main/components/badge/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/how-to-use.html b/review/main/components/badge/how-to-use.html index 3178344dc8d..b7a0b1208ab 100644 --- a/review/main/components/badge/how-to-use.html +++ b/review/main/components/badge/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/migration.html b/review/main/components/badge/migration.html index 3f85ebde220..0be814496eb 100644 --- a/review/main/components/badge/migration.html +++ b/review/main/components/badge/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/overview.html b/review/main/components/badge/overview.html index d9a476cc825..dd2c276c353 100644 --- a/review/main/components/badge/overview.html +++ b/review/main/components/badge/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/properties.html b/review/main/components/badge/properties.html index 4abdec2480e..e855cfc43ad 100644 --- a/review/main/components/badge/properties.html +++ b/review/main/components/badge/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/docs/Angular.html b/review/main/components/brand/docs/Angular.html index 915b13d1614..30188a26958 100644 --- a/review/main/components/brand/docs/Angular.html +++ b/review/main/components/brand/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBBrandModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBBrandModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-brand>Brand</db-brand>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-brand>Brand</db-brand>

    \ No newline at end of file diff --git a/review/main/components/brand/docs/HTML.html b/review/main/components/brand/docs/HTML.html index b74451e2e6a..d850d6d2852 100644 --- a/review/main/components/brand/docs/HTML.html +++ b/review/main/components/brand/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-brand">Brand</div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-brand">Brand</div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/brand/docs/React.html b/review/main/components/brand/docs/React.html index 2dde6f78a42..55de2b12ee8 100644 --- a/review/main/components/brand/docs/React.html +++ b/review/main/components/brand/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBBrand } from "@db-ui/react-components";
    const App = () => <DBBrand>Brand</DBBrand>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBBrand } from "@db-ui/react-components";
    const App = () => <DBBrand>Brand</DBBrand>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/brand/docs/Vue.html b/review/main/components/brand/docs/Vue.html index 7e1856b1de4..20f6d00c866 100644 --- a/review/main/components/brand/docs/Vue.html +++ b/review/main/components/brand/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBBrand>Brand</DBBrand>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBBrand>Brand</DBBrand>
    </template>

    \ No newline at end of file diff --git a/review/main/components/brand/examples.html b/review/main/components/brand/examples.html index 3c6e69542f7..f8243592030 100644 --- a/review/main/components/brand/examples.html +++ b/review/main/components/brand/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/how-to-use.html b/review/main/components/brand/how-to-use.html index baf20abd22b..e1de70a8c0a 100644 --- a/review/main/components/brand/how-to-use.html +++ b/review/main/components/brand/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/migration.html b/review/main/components/brand/migration.html index 09e605f91e2..9f15b91ca3f 100644 --- a/review/main/components/brand/migration.html +++ b/review/main/components/brand/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/properties.html b/review/main/components/brand/properties.html index 9acf17c158f..ac5bcc62bef 100644 --- a/review/main/components/brand/properties.html +++ b/review/main/components/brand/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button.html b/review/main/components/button.html index 8ad209f34f0..7b69ba32abe 100644 --- a/review/main/components/button.html +++ b/review/main/components/button.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/code/Behaviour.html b/review/main/components/button/code/Behaviour.html index c11fdc6d43f..7642b3498e7 100644 --- a/review/main/components/button/code/Behaviour.html +++ b/review/main/components/button/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Auto Width (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button width="full">Width full</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button width="full">Width full</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Content.html b/review/main/components/button/code/Content.html index 71ee6ebcd3e..b719e20bb08 100644 --- a/review/main/components/button/code/Content.html +++ b/review/main/components/button/code/Content.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Text (Default)</db-button>

    angular
    react
    vue
    html

    <db-button icon="account">Icon & Text</db-button>

    -
    angular
    react
    vue
    html

    <db-button icon="account" [noText]="true">Icon</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button icon="account" [noText]="true">Icon</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Size.html b/review/main/components/button/code/Size.html index 042fb0e55d7..fe7ca163e28 100644 --- a/review/main/components/button/code/Size.html +++ b/review/main/components/button/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Medium (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button size="small">Small</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button size="small">Small</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/State.html b/review/main/components/button/code/State.html index 423aea2c609..54f92ee9ade 100644 --- a/review/main/components/button/code/State.html +++ b/review/main/components/button/code/State.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Enabled (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button [disabled]="true">Disabled</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button [disabled]="true">Disabled</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Tonality.html b/review/main/components/button/code/Tonality.html index 729d33f4b1c..9050dd3bbcd 100644 --- a/review/main/components/button/code/Tonality.html +++ b/review/main/components/button/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-button>functional</db-button>

    angular
    react
    vue
    html

    <db-button>regular (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button>expressive</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button>expressive</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Variant.html b/review/main/components/button/code/Variant.html index 7a0ab2afb50..9d9035be2ad 100644 --- a/review/main/components/button/code/Variant.html +++ b/review/main/components/button/code/Variant.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-button variant="primary">Primary</db-button>

    angular
    react
    vue
    html

    <db-button>Outlined (Adaptive)</db-button>

    angular
    react
    vue
    html

    <db-button variant="solid">Solid (Adaptive)</db-button>

    -
    angular
    react
    vue
    html

    <db-button variant="text">Text (Adaptive)</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button variant="text">Text (Adaptive)</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/docs/Angular.html b/review/main/components/button/docs/Angular.html index 2fb836b46ef..b4baa2d0062 100644 --- a/review/main/components/button/docs/Angular.html +++ b/review/main/components/button/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBButtonModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBButtonModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button variant="primary">Button</db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button variant="primary">Button</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/docs/HTML.html b/review/main/components/button/docs/HTML.html index 2e6affdee65..1f7f183d4a5 100644 --- a/review/main/components/button/docs/HTML.html +++ b/review/main/components/button/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" data-variant="primary" type="button">
    Button
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" data-variant="primary" type="button">
    Button
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/button/docs/Migration.html b/review/main/components/button/docs/Migration.html index c7854689be8..112d6fb9c0a 100644 --- a/review/main/components/button/docs/Migration.html +++ b/review/main/components/button/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -11,4 +11,4 @@

    sizes

    variants

    BeforeStatusAfterDescription
    primary❌❌not valid anymore, use outlined buttons for those purposes
    brand-primary🔁primary
    secondary-outline🔁outlined
    secondary-solid🔁solid
    tertiary-plain🔁text

    icons

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file diff --git a/review/main/components/button/docs/React.html b/review/main/components/button/docs/React.html index 1d8f766e961..6750ee30e16 100644 --- a/review/main/components/button/docs/React.html +++ b/review/main/components/button/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBButton } from "@db-ui/react-components";
    const App = () => <DBButton variant="primary">Button</DBButton>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBButton } from "@db-ui/react-components";
    const App = () => <DBButton variant="primary">Button</DBButton>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/button/docs/Vue.html b/review/main/components/button/docs/Vue.html index 34e2a7440a9..035252bc128 100644 --- a/review/main/components/button/docs/Vue.html +++ b/review/main/components/button/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton variant="primary">Button</DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton variant="primary">Button</DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/button/examples.html b/review/main/components/button/examples.html index b74ce0bf33b..10434a26ba9 100644 --- a/review/main/components/button/examples.html +++ b/review/main/components/button/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/how-to-use.html b/review/main/components/button/how-to-use.html index 6a05d291e00..03590f41fa9 100644 --- a/review/main/components/button/how-to-use.html +++ b/review/main/components/button/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/migration.html b/review/main/components/button/migration.html index f3be111466d..76eb2d433c2 100644 --- a/review/main/components/button/migration.html +++ b/review/main/components/button/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/overview.html b/review/main/components/button/overview.html index e909927ad7f..c7300924c01 100644 --- a/review/main/components/button/overview.html +++ b/review/main/components/button/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/properties.html b/review/main/components/button/properties.html index f79479c71ac..06ba60bfd76 100644 --- a/review/main/components/button/properties.html +++ b/review/main/components/button/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card.html b/review/main/components/card.html index 27ac3227f7a..552557b64ec 100644 --- a/review/main/components/card.html +++ b/review/main/components/card.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/code/ColorVariant.html b/review/main/components/card/code/ColorVariant.html index e1d328a211e..84747522884 100644 --- a/review/main/components/card/code/ColorVariant.html +++ b/review/main/components/card/code/ColorVariant.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
    (Default) adaptive
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="neutral" variant="interactive" spacing="small">
    neutral
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="brand" variant="interactive" spacing="small">
    brand
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="critical" variant="interactive" spacing="small">
    critical
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="successful" variant="interactive" spacing="small">
    successful
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="warning" variant="interactive" spacing="small">
    warning
    </db-card>

    -
    angular
    react
    vue
    html

    <db-card colorVariant="informational" variant="interactive" spacing="small">
    informational
    </db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card colorVariant="informational" variant="interactive" spacing="small">
    informational
    </db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Spacing.html b/review/main/components/card/code/Spacing.html index d1f9a0cc2d3..8aef3d50efd 100644 --- a/review/main/components/card/code/Spacing.html +++ b/review/main/components/card/code/Spacing.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-card>(Default) No Spacing</db-card>

    angular
    react
    vue
    html

    <db-card spacing="medium">Medium</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small">Small</db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small">Small</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Tonality.html b/review/main/components/card/code/Tonality.html index 592bddf28a5..1a429866c92 100644 --- a/review/main/components/card/code/Tonality.html +++ b/review/main/components/card/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-card spacing="small">functional</db-card>

    angular
    react
    vue
    html

    <db-card spacing="small">regular (Default)</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small">expressive</db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small">expressive</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Variant.html b/review/main/components/card/code/Variant.html index 4be38efc2ad..2545a5614c0 100644 --- a/review/main/components/card/code/Variant.html +++ b/review/main/components/card/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-card spacing="small">(Default) Non interactive</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small" variant="interactive">
    Interactive
    </db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small" variant="interactive">
    Interactive
    </db-card>

    \ No newline at end of file diff --git a/review/main/components/card/docs/Angular.html b/review/main/components/card/docs/Angular.html index 81b8dc7c0f5..0e1afeca836 100644 --- a/review/main/components/card/docs/Angular.html +++ b/review/main/components/card/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBCardModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBCardModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-card>Card content</db-card>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-card>Card content</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/docs/HTML.html b/review/main/components/card/docs/HTML.html index a7b3d0e015e..54bbed25469 100644 --- a/review/main/components/card/docs/HTML.html +++ b/review/main/components/card/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-card">Card content</div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-card">Card content</div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/card/docs/Migration.html b/review/main/components/card/docs/Migration.html index fe5ae53523f..617855ed404 100644 --- a/review/main/components/card/docs/Migration.html +++ b/review/main/components/card/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variant

    BeforeStatusAfterDescription
    variant🔁variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button.
    header❌❌Add your own content via children/slot.
    content❌❌Add your own content via children/slot.

    image

    -
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file diff --git a/review/main/components/card/docs/React.html b/review/main/components/card/docs/React.html index 8ecd8afcd00..01eb89150fa 100644 --- a/review/main/components/card/docs/React.html +++ b/review/main/components/card/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBCard } from "@db-ui/react-components";
    const App = () => <DBCard>Card content</DBCard>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBCard } from "@db-ui/react-components";
    const App = () => <DBCard>Card content</DBCard>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/card/docs/Vue.html b/review/main/components/card/docs/Vue.html index af234b7db2d..10a1b9ce433 100644 --- a/review/main/components/card/docs/Vue.html +++ b/review/main/components/card/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBCard } from "@db-ui/v-components";
    </script>
    <template>
    <DBCard>Card content</DBCard>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBCard } from "@db-ui/v-components";
    </script>
    <template>
    <DBCard>Card content</DBCard>
    </template>

    \ No newline at end of file diff --git a/review/main/components/card/examples.html b/review/main/components/card/examples.html index 63a5ed4e2ea..ffe1c38d1eb 100644 --- a/review/main/components/card/examples.html +++ b/review/main/components/card/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/how-to-use.html b/review/main/components/card/how-to-use.html index 03bc1054471..72361807eab 100644 --- a/review/main/components/card/how-to-use.html +++ b/review/main/components/card/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/migration.html b/review/main/components/card/migration.html index 3052b1db938..70bb4c86d0e 100644 --- a/review/main/components/card/migration.html +++ b/review/main/components/card/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/overview.html b/review/main/components/card/overview.html index 1ecb2d101cf..94736e6f684 100644 --- a/review/main/components/card/overview.html +++ b/review/main/components/card/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/properties.html b/review/main/components/card/properties.html index a712b188a64..f98f9fd6076 100644 --- a/review/main/components/card/properties.html +++ b/review/main/components/card/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox.html b/review/main/components/checkbox.html index c864dff585c..66f6bafd65d 100644 --- a/review/main/components/checkbox.html +++ b/review/main/components/checkbox.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Requirement.html b/review/main/components/checkbox/code/Requirement.html index 60aa73ab9d4..dd8b7ab5e53 100644 --- a/review/main/components/checkbox/code/Requirement.html +++ b/review/main/components/checkbox/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true">Required</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Size.html b/review/main/components/checkbox/code/Size.html index e3a6ee73f50..3dca0fecaef 100644 --- a/review/main/components/checkbox/code/Size.html +++ b/review/main/components/checkbox/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Size">Default</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Size" size="small">
    Small
    </db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Size" size="small">
    Small
    </db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/States.html b/review/main/components/checkbox/code/States.html index 03e0e67a54d..d78c4d8dc38 100644 --- a/review/main/components/checkbox/code/States.html +++ b/review/main/components/checkbox/code/States.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="States">Default</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="States" [checked]="true">Checked</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="States" [indeterminate]="true">Indeterminate</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Tonality.html b/review/main/components/checkbox/code/Tonality.html index d6dba63e953..ca60e052620 100644 --- a/review/main/components/checkbox/code/Tonality.html +++ b/review/main/components/checkbox/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">functional</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="Tonality">regular (Default)</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">expressive</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">expressive</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/VariantLabel.html b/review/main/components/checkbox/code/VariantLabel.html index 068ef816b51..890607b4024 100644 --- a/review/main/components/checkbox/code/VariantLabel.html +++ b/review/main/components/checkbox/code/VariantLabel.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Content">(Default) Label</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Content" labelVariant="hidden">
    Hidden Label
    </db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Content" labelVariant="hidden">
    Hidden Label
    </db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Angular.html b/review/main/components/checkbox/docs/Angular.html index 011041a0273..0d0a1bab499 100644 --- a/review/main/components/checkbox/docs/Angular.html +++ b/review/main/components/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -13,4 +13,4 @@

    How to use with Template Driven Forms

    form.component.html

    <!-- form.component.html -->
    <form>
    <db-checkbox
    (change)="checkbox = $event.target.checked"
    name="checkbox"
    label="Checkbox"
    ></db-checkbox>
    <db-button type="button" variant="primary" (click)="showValues()"
    >Get checkbox value</db-button
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>checkbox's value</dt>
    <dd>checkbox {{ checkbox ? "" : "un" }}checked</dd>
    </dl>

    form.component.ts

    // form.component.ts
    export class FormComponent {
    checkbox = "";
    showValues(): void {
    alert(JSON.stringify({ checkbox: this.checkbox }));
    }
    }

    How to use with Reactive Forms

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/HTML.html b/review/main/components/checkbox/docs/HTML.html index 91b17bf21d0..e9a3b959266 100644 --- a/review/main/components/checkbox/docs/HTML.html +++ b/review/main/components/checkbox/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <label class="db-checkbox" for="checkbox-element">
    <input type="checkbox" id="checkbox-element" name="States" />
    Label
    </label>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <label class="db-checkbox" for="checkbox-element">
    <input type="checkbox" id="checkbox-element" name="States" />
    Label
    </label>
    </body>

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/React.html b/review/main/components/checkbox/docs/React.html index 9dceb71d42b..d9f0b0d1e78 100644 --- a/review/main/components/checkbox/docs/React.html +++ b/review/main/components/checkbox/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBCheckbox } from "@db-ui/react-components";
    const App = () => {
    const [checkbox, setCheckbox] = useState("");
    return (
    <DBCheckbox
    name="checkbox"
    value="Checkbox checked"
    onChange={(event) => {
    setCheckbox(event.target.checked);
    }}
    >
    Checkbox
    </DBCheckbox>
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBCheckbox } from "@db-ui/react-components";
    const App = () => {
    const [checkbox, setCheckbox] = useState("");
    return (
    <DBCheckbox
    name="checkbox"
    value="Checkbox checked"
    onChange={(event) => {
    setCheckbox(event.target.checked);
    }}
    >
    Checkbox
    </DBCheckbox>
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Vue.html b/review/main/components/checkbox/docs/Vue.html index 4a14f72fe86..02450c3d4a7 100644 --- a/review/main/components/checkbox/docs/Vue.html +++ b/review/main/components/checkbox/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBCheckbox } from "@db-ui/v-components";
    import { ref } from "vue";
    const checkbox = ref("");
    </script>
    <template>
    <DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
    Checkbox
    </DBCheckbox>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBCheckbox } from "@db-ui/v-components";
    import { ref } from "vue";
    const checkbox = ref("");
    </script>
    <template>
    <DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
    Checkbox
    </DBCheckbox>
    </template>

    \ No newline at end of file diff --git a/review/main/components/checkbox/examples.html b/review/main/components/checkbox/examples.html index 30c30b6aaac..4887f424a40 100644 --- a/review/main/components/checkbox/examples.html +++ b/review/main/components/checkbox/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/how-to-use.html b/review/main/components/checkbox/how-to-use.html index a7d6c05d6d5..ea40683ddcd 100644 --- a/review/main/components/checkbox/how-to-use.html +++ b/review/main/components/checkbox/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/migration.html b/review/main/components/checkbox/migration.html index 709a8d2e76d..89cb6a9bdf9 100644 --- a/review/main/components/checkbox/migration.html +++ b/review/main/components/checkbox/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/overview.html b/review/main/components/checkbox/overview.html index 3bb308108e7..3c575aba777 100644 --- a/review/main/components/checkbox/overview.html +++ b/review/main/components/checkbox/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/properties.html b/review/main/components/checkbox/properties.html index be82bc172af..8185b433b3e 100644 --- a/review/main/components/checkbox/properties.html +++ b/review/main/components/checkbox/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/Angular.html b/review/main/components/code-docs/docs/Angular.html index f8d39e1fba3..ea7d422efe6 100644 --- a/review/main/components/code-docs/docs/Angular.html +++ b/review/main/components/code-docs/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/HTML.html b/review/main/components/code-docs/docs/HTML.html index f9702e6635b..30656b8008c 100644 --- a/review/main/components/code-docs/docs/HTML.html +++ b/review/main/components/code-docs/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/React.html b/review/main/components/code-docs/docs/React.html index 7922e4d8486..c479520c123 100644 --- a/review/main/components/code-docs/docs/React.html +++ b/review/main/components/code-docs/docs/React.html @@ -1,3 +1,3 @@ -
    +

    React

    -

    import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
    const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
    ...
    <DBCodeDocs codeSnippets={codeSnippets}>
    <DBButton>Test</DBButton>
    </DBCodeDocs>
    ...

    \ No newline at end of file +

    import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
    const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
    ...
    <DBCodeDocs codeSnippets={codeSnippets}>
    <DBButton>Test</DBButton>
    </DBCodeDocs>
    ...

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/Vue.html b/review/main/components/code-docs/docs/Vue.html index 6abf5512e01..3b9dcd5fcc8 100644 --- a/review/main/components/code-docs/docs/Vue.html +++ b/review/main/components/code-docs/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/examples.html b/review/main/components/code-docs/examples.html index c118b86880e..5c2cbced297 100644 --- a/review/main/components/code-docs/examples.html +++ b/review/main/components/code-docs/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/how-to-use.html b/review/main/components/code-docs/how-to-use.html index 60582cb5319..8390a457d06 100644 --- a/review/main/components/code-docs/how-to-use.html +++ b/review/main/components/code-docs/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/migration.html b/review/main/components/code-docs/migration.html index b6ff535bb3b..14e10afcdab 100644 --- a/review/main/components/code-docs/migration.html +++ b/review/main/components/code-docs/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/properties.html b/review/main/components/code-docs/properties.html index c3026573361..f620cf8b950 100644 --- a/review/main/components/code-docs/properties.html +++ b/review/main/components/code-docs/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider.html b/review/main/components/divider.html index 4c59b918ed5..b40d1d25ea0 100644 --- a/review/main/components/divider.html +++ b/review/main/components/divider.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/code/Emphasis.html b/review/main/components/divider/code/Emphasis.html index 0d08fcd46d2..4c7fa210158 100644 --- a/review/main/components/divider/code/Emphasis.html +++ b/review/main/components/divider/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>Weak (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider emphasis="strong">Strong</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider emphasis="strong">Strong</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/code/Tonality.html b/review/main/components/divider/code/Tonality.html index b983c32da45..02f5bd2f2bc 100644 --- a/review/main/components/divider/code/Tonality.html +++ b/review/main/components/divider/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>functional</db-divider>

    angular
    react
    vue
    html

    <db-divider>regular (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider>expressive</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider>expressive</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/code/Variant.html b/review/main/components/divider/code/Variant.html index e8b1db5c0ca..2c79b4234ed 100644 --- a/review/main/components/divider/code/Variant.html +++ b/review/main/components/divider/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>Adaptive - Horizontal (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider variant="vertical">Adaptive - Vertical</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider variant="vertical">Adaptive - Vertical</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Angular.html b/review/main/components/divider/docs/Angular.html index e925ae6875a..192a676fd0c 100644 --- a/review/main/components/divider/docs/Angular.html +++ b/review/main/components/divider/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBDividerModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBDividerModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-divider></db-divider>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-divider></db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/HTML.html b/review/main/components/divider/docs/HTML.html index 5fd801212f0..2b7184e2ad9 100644 --- a/review/main/components/divider/docs/HTML.html +++ b/review/main/components/divider/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-divider"></div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-divider"></div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Migration.html b/review/main/components/divider/docs/Migration.html index 6777a576e0d..31d7be29ca3 100644 --- a/review/main/components/divider/docs/Migration.html +++ b/review/main/components/divider/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/divider/docs/React.html b/review/main/components/divider/docs/React.html index 0c488ca421c..b44ce3f12b6 100644 --- a/review/main/components/divider/docs/React.html +++ b/review/main/components/divider/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBDivider } from "@db-ui/react-components";
    const App = () => <DBDivider />;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBDivider } from "@db-ui/react-components";
    const App = () => <DBDivider />;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Vue.html b/review/main/components/divider/docs/Vue.html index 38aa9fb7e62..332de68c9b1 100644 --- a/review/main/components/divider/docs/Vue.html +++ b/review/main/components/divider/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBDivider } from "@db-ui/v-components";
    </script>
    <template>
    <DBDivider></DBDivider>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBDivider } from "@db-ui/v-components";
    </script>
    <template>
    <DBDivider></DBDivider>
    </template>

    \ No newline at end of file diff --git a/review/main/components/divider/examples.html b/review/main/components/divider/examples.html index d9019a5f35e..cfcb15130bd 100644 --- a/review/main/components/divider/examples.html +++ b/review/main/components/divider/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/how-to-use.html b/review/main/components/divider/how-to-use.html index 18728a3d285..d7d19311498 100644 --- a/review/main/components/divider/how-to-use.html +++ b/review/main/components/divider/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/migration.html b/review/main/components/divider/migration.html index 5322ea46fe5..7598fad6710 100644 --- a/review/main/components/divider/migration.html +++ b/review/main/components/divider/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/overview.html b/review/main/components/divider/overview.html index 1341c19ec58..c5466d6d097 100644 --- a/review/main/components/divider/overview.html +++ b/review/main/components/divider/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/properties.html b/review/main/components/divider/properties.html index 0f23cd38991..20a98188c8d 100644 --- a/review/main/components/divider/properties.html +++ b/review/main/components/divider/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer.html b/review/main/components/drawer.html index bd4a0c1bf8c..c9b625917b3 100644 --- a/review/main/components/drawer.html +++ b/review/main/components/drawer.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Backdrop.html b/review/main/components/drawer/code/Backdrop.html index 235c28d8a19..190c98f7117 100644 --- a/review/main/components/drawer/code/Backdrop.html +++ b/review/main/components/drawer/code/Backdrop.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">With Backdrop (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="weak">Backdrop-weak</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Directions.html b/review/main/components/drawer/code/Directions.html index 4c7ef368d4a..23b55e27994 100644 --- a/review/main/components/drawer/code/Directions.html +++ b/review/main/components/drawer/code/Directions.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">Right (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="left">Left</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="up">Up</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Rounded.html b/review/main/components/drawer/code/Rounded.html index 664e34befd9..abcc6dc0ae2 100644 --- a/review/main/components/drawer/code/Rounded.html +++ b/review/main/components/drawer/code/Rounded.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">No rounding (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Size.html b/review/main/components/drawer/code/Size.html index 6282d49981c..0fb3da2b4b1 100644 --- a/review/main/components/drawer/code/Size.html +++ b/review/main/components/drawer/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">With padding (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" width="full">Full</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" width="full">Full</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Spacing.html b/review/main/components/drawer/code/Spacing.html index df77914293b..87ad78aeb8f 100644 --- a/review/main/components/drawer/code/Spacing.html +++ b/review/main/components/drawer/code/Spacing.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">Medium (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="small">Small</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="large">Large</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Tonality.html b/review/main/components/drawer/code/Tonality.html index 5dd258a8ec2..07ed229a383 100644 --- a/review/main/components/drawer/code/Tonality.html +++ b/review/main/components/drawer/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer>functional</db-drawer>

    angular
    react
    vue
    html

    <db-drawer>regular (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer>expressive</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer>expressive</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Angular.html b/review/main/components/drawer/docs/Angular.html index ba28e6273e1..3d38e9cb52d 100644 --- a/review/main/components/drawer/docs/Angular.html +++ b/review/main/components/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    General

    @@ -7,4 +7,4 @@

    Load component

    app.module.ts

    //app.module.ts
    import { DBDrawerModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBDrawerModule],
    ...
    })

    Use component

    app.component.html

    <!-- app.component.html -->
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
    My Drawer content
    </db-drawer>
    <db-button (click)="toggleDrawer(true)"> Open me </db-button>

    -
    app.component.ts

    // app.component.ts
    export class AppComponent {
    openDrawer: boolean = false;
    toggleDrawer = (open: boolean) => {
    this.openDrawer = open;
    };
    }

    \ No newline at end of file +
    app.component.ts

    // app.component.ts
    export class AppComponent {
    openDrawer: boolean = false;
    toggleDrawer = (open: boolean) => {
    this.openDrawer = open;
    };
    }

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/HTML.html b/review/main/components/drawer/docs/HTML.html index 5eda6f1b0d8..c3ceec9492d 100644 --- a/review/main/components/drawer/docs/HTML.html +++ b/review/main/components/drawer/docs/HTML.html @@ -1,7 +1,7 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <dialog class="db-drawer" data-backdrop="true" open>
    <article class="db-drawer-container">
    <header class="db-drawer-header">
    <button
    class="db-button button-close-drawer is-icon-text-replace"
    data-icon="close"
    data-variant="text"
    >
    Close Button
    </button>
    </header>
    <div class="db-drawer-content">My Drawer content</div>
    </article>
    </dialog>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <dialog class="db-drawer" data-backdrop="true" open>
    <article class="db-drawer-container">
    <header class="db-drawer-header">
    <button
    class="db-button button-close-drawer is-icon-text-replace"
    data-icon="close"
    data-variant="text"
    >
    Close Button
    </button>
    </header>
    <div class="db-drawer-content">My Drawer content</div>
    </article>
    </dialog>
    </body>

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Migration.html b/review/main/components/drawer/docs/Migration.html index 2829f5ddfc0..225ea18473c 100644 --- a/review/main/components/drawer/docs/Migration.html +++ b/review/main/components/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/React.html b/review/main/components/drawer/docs/React.html index e981326e7da..878a7e9800c 100644 --- a/review/main/components/drawer/docs/React.html +++ b/review/main/components/drawer/docs/React.html @@ -1,7 +1,7 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBButton, DBDrawer } from "@db-ui/react-components";
    const App = () => {
    const [open, setOpen] = useState<boolean>(false);
    return (
    <div>
    <DBDrawer
    open={open}
    onClose={() => {
    setOpen(false);
    }}
    >
    My Drawer content
    </DBDrawer>
    <DBButton
    onClick={() => {
    setOpen(true);
    }}
    >
    Open Me
    </DBButton>
    </div>
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBButton, DBDrawer } from "@db-ui/react-components";
    const App = () => {
    const [open, setOpen] = useState<boolean>(false);
    return (
    <div>
    <DBDrawer
    open={open}
    onClose={() => {
    setOpen(false);
    }}
    >
    My Drawer content
    </DBDrawer>
    <DBButton
    onClick={() => {
    setOpen(true);
    }}
    >
    Open Me
    </DBButton>
    </div>
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Vue.html b/review/main/components/drawer/docs/Vue.html index 48837a337bf..2ba2612051f 100644 --- a/review/main/components/drawer/docs/Vue.html +++ b/review/main/components/drawer/docs/Vue.html @@ -1,7 +1,7 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBDrawer } from "@db-ui/v-components";
    const openDrawer = ref<boolean>(false);
    const toggleDrawer = (open: boolean) => {
    openDrawer = open;
    };
    </script>
    <template>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
    My Drawer content
    </DBDrawer>
    <DBButton @click="toggleDrawer(true)">Open me</DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBDrawer } from "@db-ui/v-components";
    const openDrawer = ref<boolean>(false);
    const toggleDrawer = (open: boolean) => {
    openDrawer = open;
    };
    </script>
    <template>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
    My Drawer content
    </DBDrawer>
    <DBButton @click="toggleDrawer(true)">Open me</DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/drawer/examples.html b/review/main/components/drawer/examples.html index 8113db2b1b2..c2b76f5c3ce 100644 --- a/review/main/components/drawer/examples.html +++ b/review/main/components/drawer/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/how-to-use.html b/review/main/components/drawer/how-to-use.html index 77068140a1d..2fc455646de 100644 --- a/review/main/components/drawer/how-to-use.html +++ b/review/main/components/drawer/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/migration.html b/review/main/components/drawer/migration.html index b9d40d8a6e2..6ab94926739 100644 --- a/review/main/components/drawer/migration.html +++ b/review/main/components/drawer/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/overview.html b/review/main/components/drawer/overview.html index 803964e2103..e4017f45a29 100644 --- a/review/main/components/drawer/overview.html +++ b/review/main/components/drawer/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/properties.html b/review/main/components/drawer/properties.html index f82248b3717..dc3c5b6f71a 100644 --- a/review/main/components/drawer/properties.html +++ b/review/main/components/drawer/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/docs/Angular.html b/review/main/components/header/docs/Angular.html index 6a623564407..0e18951931d 100644 --- a/review/main/components/header/docs/Angular.html +++ b/review/main/components/header/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -8,4 +8,4 @@

    Simple

    app.component.html

    <!-- app.component.html -->
    <db-header>
    <db-brand brand>Header</db-brand>
    </db-header>

    Full

    app.component.ts

    // File: app.component.ts
    import { Component } from "@angular/core";
    @Component({
    selector: "app-root",
    templateUrl: "./app.component.html"
    })
    export class AppComponent {
    drawerOpen = false;
    toggleDrawer = (open: boolean) => {
    this.drawerOpen = open;
    };
    }

    -
    app.component.html

    <!-- app.component.html -->
    <db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
    <db-brand brand>My Awesome App</db-brand>
    <db-main-navigation *dbNavigation>
    <!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
    </db-main-navigation>
    <ng-container *dbMetaNavigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </ng-container>
    <ng-container call-to-action>
    <DBButton icon="search" variant="text" [noText]="true">
    Search
    </DBButton>
    </ng-container>
    <ng-container *dbActionBar>
    <DBButton icon="account" variant="text" [noText]="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" [noText]="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
    </ng-container>
    </db-header>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
    <db-brand brand>My Awesome App</db-brand>
    <db-main-navigation *dbNavigation>
    <!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
    </db-main-navigation>
    <ng-container *dbMetaNavigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </ng-container>
    <ng-container call-to-action>
    <DBButton icon="search" variant="text" [noText]="true">
    Search
    </DBButton>
    </ng-container>
    <ng-container *dbActionBar>
    <DBButton icon="account" variant="text" [noText]="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" [noText]="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
    </ng-container>
    </db-header>

    \ No newline at end of file diff --git a/review/main/components/header/docs/HTML.html b/review/main/components/header/docs/HTML.html index 458fb56e015..44db769cb31 100644 --- a/review/main/components/header/docs/HTML.html +++ b/review/main/components/header/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <header class="db-header">
    <div class="db-brand">Header</div>
    </header>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <header class="db-header">
    <div class="db-brand">Header</div>
    </header>
    </body>

    \ No newline at end of file diff --git a/review/main/components/header/docs/React.html b/review/main/components/header/docs/React.html index 47be939af06..663a26906af 100644 --- a/review/main/components/header/docs/React.html +++ b/review/main/components/header/docs/React.html @@ -1,8 +1,8 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    Simple

    App.tsx

    // App.tsx
    import { DBHeader, DBBrand } from "@db-ui/react-components";
    const App = () => <DBHeader slotBrand={<DBBrand>Header</DBBrand>} />;
    export default App;

    Full

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
    const App = () => (
    <DBHeader
    drawerOpen={drawerOpen}
    onToggle={setDrawerOpen}
    slotBrand={<DBBrand>My Awesome App</DBBrand>}
    slotMetaNavigation={
    <>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </>
    }
    slotCallToAction={
    <DBButton icon="search" variant="text" noText>
    Search
    </DBButton>
    }
    slotActionBar={
    <>
    <DBButton icon="account" variant="text" noText>
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" noText>
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" noText>
    Help
    </DBButton>
    </>
    }
    >
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
    </DBMainNavigation>
    </DBHeader>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
    const App = () => (
    <DBHeader
    drawerOpen={drawerOpen}
    onToggle={setDrawerOpen}
    slotBrand={<DBBrand>My Awesome App</DBBrand>}
    slotMetaNavigation={
    <>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </>
    }
    slotCallToAction={
    <DBButton icon="search" variant="text" noText>
    Search
    </DBButton>
    }
    slotActionBar={
    <>
    <DBButton icon="account" variant="text" noText>
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" noText>
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" noText>
    Help
    </DBButton>
    </>
    }
    >
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
    </DBMainNavigation>
    </DBHeader>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/header/docs/Vue.html b/review/main/components/header/docs/Vue.html index 576fde9f31d..c9caf5899de 100644 --- a/review/main/components/header/docs/Vue.html +++ b/review/main/components/header/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    Simple

    App.vue

    <!-- App.vue -->
    <script>
    import { DBHeader, DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBHeader>
    <DBBrand slot="brand">Header</DBBrand>
    </DBHeader>
    </template>

    Full

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { ref } from "vue";
    import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
    const drawerOpen = ref(false);
    const toggleDrawer = (open: boolean) => {
    drawerOpen.value = open;
    };
    </script>
    <template>
    <DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
    <template v-slot:brand>
    <DBBrand> My Awesome App </DBBrand>
    </template>
    <template v-slot:call-to-action>
    <DBButton icon="search" variant="text" :no-text="true">
    Search
    </DBButton>
    </template>
    <template v-slot:action-bar>
    <DBButton icon="account" variant="text" :no-text="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" :no-text="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" :no-text="true">
    Help
    </DBButton>
    </template>
    <template v-slot:meta-navigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </template>
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
    </DBMainNavigation>
    </DBHeader>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { ref } from "vue";
    import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
    const drawerOpen = ref(false);
    const toggleDrawer = (open: boolean) => {
    drawerOpen.value = open;
    };
    </script>
    <template>
    <DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
    <template v-slot:brand>
    <DBBrand> My Awesome App </DBBrand>
    </template>
    <template v-slot:call-to-action>
    <DBButton icon="search" variant="text" :no-text="true">
    Search
    </DBButton>
    </template>
    <template v-slot:action-bar>
    <DBButton icon="account" variant="text" :no-text="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" :no-text="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" :no-text="true">
    Help
    </DBButton>
    </template>
    <template v-slot:meta-navigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </template>
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
    </DBMainNavigation>
    </DBHeader>
    </template>

    \ No newline at end of file diff --git a/review/main/components/header/examples.html b/review/main/components/header/examples.html index 1bd7a9dae57..070f9ea2973 100644 --- a/review/main/components/header/examples.html +++ b/review/main/components/header/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/how-to-use.html b/review/main/components/header/how-to-use.html index 6b52a91bdde..bd83ac55b73 100644 --- a/review/main/components/header/how-to-use.html +++ b/review/main/components/header/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/migration.html b/review/main/components/header/migration.html index 1d36afca674..bd7419aaf42 100644 --- a/review/main/components/header/migration.html +++ b/review/main/components/header/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/properties.html b/review/main/components/header/properties.html index b3852d6f3a1..c8159a5c40b 100644 --- a/review/main/components/header/properties.html +++ b/review/main/components/header/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/docs/Angular.html b/review/main/components/icon/docs/Angular.html index c4a23a9e8c4..d14a3b98ffd 100644 --- a/review/main/components/icon/docs/Angular.html +++ b/review/main/components/icon/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBIconModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBIconModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-icon icon="account">Icon</db-icon>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-icon icon="account">Icon</db-icon>

    \ No newline at end of file diff --git a/review/main/components/icon/docs/HTML.html b/review/main/components/icon/docs/HTML.html index 1e63a1d9162..7469405f07d 100644 --- a/review/main/components/icon/docs/HTML.html +++ b/review/main/components/icon/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    You could use the data-icon or data-icon-after attributes on any HTML tag:

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span data-icon="account"> Icon </span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span data-icon="account"> Icon </span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/icon/docs/React.html b/review/main/components/icon/docs/React.html index 3e979a11edd..cab4469e328 100644 --- a/review/main/components/icon/docs/React.html +++ b/review/main/components/icon/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBIcon } from "@db-ui/react-components";
    const App = () => <DBIcon icon="account">Icon</DBIcon>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBIcon } from "@db-ui/react-components";
    const App = () => <DBIcon icon="account">Icon</DBIcon>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/icon/docs/Vue.html b/review/main/components/icon/docs/Vue.html index e0405b1a8cc..342c4bb4fdc 100644 --- a/review/main/components/icon/docs/Vue.html +++ b/review/main/components/icon/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBIcon } from "@db-ui/v-components";
    </script>
    <template>
    <DBIcon icon="account">Icon</DBIcon>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBIcon } from "@db-ui/v-components";
    </script>
    <template>
    <DBIcon icon="account">Icon</DBIcon>
    </template>

    \ No newline at end of file diff --git a/review/main/components/icon/examples.html b/review/main/components/icon/examples.html index a78abf99798..a9017068bf1 100644 --- a/review/main/components/icon/examples.html +++ b/review/main/components/icon/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/how-to-use.html b/review/main/components/icon/how-to-use.html index e0d58b1e74c..f459712398d 100644 --- a/review/main/components/icon/how-to-use.html +++ b/review/main/components/icon/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/migration.html b/review/main/components/icon/migration.html index 29b7b4f5449..63f723477b1 100644 --- a/review/main/components/icon/migration.html +++ b/review/main/components/icon/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/properties.html b/review/main/components/icon/properties.html index 3d879734ad0..b9b28f9b3ce 100644 --- a/review/main/components/icon/properties.html +++ b/review/main/components/icon/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext.html b/review/main/components/infotext.html index f7609964c24..4cf040b925b 100644 --- a/review/main/components/infotext.html +++ b/review/main/components/infotext.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Size.html b/review/main/components/infotext/code/Size.html index 523fc555449..044d84165bd 100644 --- a/review/main/components/infotext/code/Size.html +++ b/review/main/components/infotext/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>(Default) Medium</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext size="small">Small</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext size="small">Small</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/code/Tonality.html b/review/main/components/infotext/code/Tonality.html index 7b1bade5e75..f06a20c9373 100644 --- a/review/main/components/infotext/code/Tonality.html +++ b/review/main/components/infotext/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>functional</db-infotext>

    angular
    react
    vue
    html

    <db-infotext>regular (Default)</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext>expressive</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext>expressive</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/code/Variant.html b/review/main/components/infotext/code/Variant.html index 00185dc9dc3..7d86a222242 100644 --- a/review/main/components/infotext/code/Variant.html +++ b/review/main/components/infotext/code/Variant.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>(Default) Adaptive</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="critical">Critical</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="informational">Informational</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="successful">Successful</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext variant="warning">Warning</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext variant="warning">Warning</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Angular.html b/review/main/components/infotext/docs/Angular.html index daa2db769c7..ec5b3038b2b 100644 --- a/review/main/components/infotext/docs/Angular.html +++ b/review/main/components/infotext/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBInfotextModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBInfotextModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-infotext>Infotext</db-infotext>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-infotext>Infotext</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/HTML.html b/review/main/components/infotext/docs/HTML.html index 2b8f87c4a3e..d51e0f17679 100644 --- a/review/main/components/infotext/docs/HTML.html +++ b/review/main/components/infotext/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-infotext"> Infotext </span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-infotext"> Infotext </span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Migration.html b/review/main/components/infotext/docs/Migration.html index 895747ea478..71f4456bd48 100644 --- a/review/main/components/infotext/docs/Migration.html +++ b/review/main/components/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/React.html b/review/main/components/infotext/docs/React.html index 68e2911f785..c2b74857f61 100644 --- a/review/main/components/infotext/docs/React.html +++ b/review/main/components/infotext/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBInfotext } from "@db-ui/react-components";
    const App = () => <DBInfotext>Infotext</DBInfotext>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBInfotext } from "@db-ui/react-components";
    const App = () => <DBInfotext>Infotext</DBInfotext>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Vue.html b/review/main/components/infotext/docs/Vue.html index ceabe22fae2..82fde06ae6d 100644 --- a/review/main/components/infotext/docs/Vue.html +++ b/review/main/components/infotext/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBInfotext } from "@db-ui/v-components";
    </script>
    <template>
    <DBInfotext>Infotext</DBInfotext>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBInfotext } from "@db-ui/v-components";
    </script>
    <template>
    <DBInfotext>Infotext</DBInfotext>
    </template>

    \ No newline at end of file diff --git a/review/main/components/infotext/examples.html b/review/main/components/infotext/examples.html index 1d5a9f0a7d1..8aa1bb946da 100644 --- a/review/main/components/infotext/examples.html +++ b/review/main/components/infotext/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/how-to-use.html b/review/main/components/infotext/how-to-use.html index 209e0323baa..b7ba730181d 100644 --- a/review/main/components/infotext/how-to-use.html +++ b/review/main/components/infotext/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/migration.html b/review/main/components/infotext/migration.html index 71401db8d00..30915fb07bc 100644 --- a/review/main/components/infotext/migration.html +++ b/review/main/components/infotext/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/overview.html b/review/main/components/infotext/overview.html index da0ebaed4a3..9b1f9484b80 100644 --- a/review/main/components/infotext/overview.html +++ b/review/main/components/infotext/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/properties.html b/review/main/components/infotext/properties.html index 74073a233a0..b250991af0c 100644 --- a/review/main/components/infotext/properties.html +++ b/review/main/components/infotext/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input.html b/review/main/components/input.html index af5a670edec..38c199c24c1 100644 --- a/review/main/components/input.html +++ b/review/main/components/input.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/code/Content.html b/review/main/components/input/code/Content.html index d1b2f9d4f5e..26cd889b974 100644 --- a/review/main/components/input/code/Content.html +++ b/review/main/components/input/code/Content.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" value="(Default) Text">
    (Default) Text
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Number" value="123456" type="number">
    Filled Number
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" icon="x_placeholder">
    Text - Leading Icon
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" icon="x_placeholder" iconAfter="x_placeholder">
    Text - Leading Icon - Trailing Icon
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" iconAfter="x_placeholder">
    Text - Trailing Icon
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" iconAfter="x_placeholder">
    Text - Trailing Icon
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypes.html b/review/main/components/input/code/ExampleTypes.html index c7fb3eb73ff..c64282ea2f2 100644 --- a/review/main/components/input/code/ExampleTypes.html +++ b/review/main/components/input/code/ExampleTypes.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Text</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="password">
    Password
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="search">
    Search
    </db-input>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-input label="Label" type="datetime-local">
    Datetime Local
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="month">
    Month
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="time">
    Time
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" type="week">
    Week
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" type="week">
    Week
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypesFloatingLabel.html b/review/main/components/input/code/ExampleTypesFloatingLabel.html index ec14232c936..6d54066d8a2 100644 --- a/review/main/components/input/code/ExampleTypesFloatingLabel.html +++ b/review/main/components/input/code/ExampleTypesFloatingLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating">
    (Default) Text
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="password" labelVariant="floating">
    Password
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="search" labelVariant="floating">
    Search
    </db-input>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-input label="Label" type="datetime-local" labelVariant="floating">
    Datetime Local
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="month" labelVariant="floating">
    Month
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="time" labelVariant="floating">
    Time
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" type="week" labelVariant="floating">
    Week
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" type="week" labelVariant="floating">
    Week
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Requirement.html b/review/main/components/input/code/Requirement.html index 4c3c294304c..74d38aab2ff 100644 --- a/review/main/components/input/code/Requirement.html +++ b/review/main/components/input/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Optional</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [required]="true">Required</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Semantic.html b/review/main/components/input/code/Semantic.html index c0c92353bd0..5122273f94f 100644 --- a/review/main/components/input/code/Semantic.html +++ b/review/main/components/input/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    (Default) Adaptive
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="critical" message="Critical Message">
    Critical
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="informational" message="Informational Message">
    Informational
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="successful" message="Successful Message">
    Successful
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" variant="warning" message="Warning Message">
    Warning
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" variant="warning" message="Warning Message">
    Warning
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/StatesFloatingLabel.html b/review/main/components/input/code/StatesFloatingLabel.html index 0124b386025..51e1e74af0c 100644 --- a/review/main/components/input/code/StatesFloatingLabel.html +++ b/review/main/components/input/code/StatesFloatingLabel.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating">
    (Default) Empty
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled" labelVariant="floating">
    Filled
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [disabled]="true" labelVariant="floating">Disabled</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/StatesLabelAbove.html b/review/main/components/input/code/StatesLabelAbove.html index 6300b2d8136..c155fa47a87 100644 --- a/review/main/components/input/code/StatesLabelAbove.html +++ b/review/main/components/input/code/StatesLabelAbove.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Empty</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled">
    Filled
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [disabled]="true">Disabled</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Tonality.html b/review/main/components/input/code/Tonality.html index a00a92a9a4d..1e457d4e930 100644 --- a/review/main/components/input/code/Tonality.html +++ b/review/main/components/input/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">Functional</db-input>

    angular
    react
    vue
    html

    <db-input label="Label">(Default) Regular</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label">Expressive</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label">Expressive</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/VariantHelperMessage.html b/review/main/components/input/code/VariantHelperMessage.html index 844c093cca3..c3ec8fbf84f 100644 --- a/review/main/components/input/code/VariantHelperMessage.html +++ b/review/main/components/input/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Basic</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    Helper Message
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    Helper Message
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/VariantLabel.html b/review/main/components/input/code/VariantLabel.html index f8982cf3643..86156129c62 100644 --- a/review/main/components/input/code/VariantLabel.html +++ b/review/main/components/input/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Label Above</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating" value="Floating Label">
    Floating Label
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="hidden">
    Hidden Label
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="hidden">
    Hidden Label
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/docs/Angular.html b/review/main/components/input/docs/Angular.html index c23450c33be..2d1b7a6335a 100644 --- a/review/main/components/input/docs/Angular.html +++ b/review/main/components/input/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    Load SCSS globally within styles.scss in your app:


    @forward "@db-ui/components/build/styles/db-ui-42-webpack";

    @@ -20,4 +20,4 @@

    How to use with Template driven Forms

    Our input component implements this interface so you can use it like any other native element with ngModel:


    // app.module.ts
    @NgModule({
    …
    imports: [ FormsModule, …]
    })


    <!-- form.component.html-->
    <form>
    <DBInput
    ngDefaultControl
    [(ngModel)]="input"
    label="Textinput"
    placeholder="Placeholder"
    description="Description"
    ></DBInput>
    <DBButton type="button" variant="primary" (click)="showValues()"
    >Get input value</DBButton
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>input's value</dt>
    <dd>{{ input ? input : "No Input set" }}</dd>
    </dl>

    -

    // form.component.ts
    export class FormComponent {
    input = "";
    showValues(): void {
    alert(JSON.stringify({ input: this.input }));
    }
    }

    \ No newline at end of file +

    // form.component.ts
    export class FormComponent {
    input = "";
    showValues(): void {
    alert(JSON.stringify({ input: this.input }));
    }
    }

    \ No newline at end of file diff --git a/review/main/components/input/docs/HTML.html b/review/main/components/input/docs/HTML.html index 6792bc67c9f..e3f7262f8f6 100644 --- a/review/main/components/input/docs/HTML.html +++ b/review/main/components/input/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    Load SCSS globally somewhere in your app:


    @forward "@db-ui/components/build/styles/db-ui-42";

    Use it:

    -

    <div class="db-input">
    <label for="username">Label</label>
    <input type="text" name="username" id="username" />
    </div>

    \ No newline at end of file +

    <div class="db-input">
    <label for="username">Label</label>
    <input type="text" name="username" id="username" />
    </div>

    \ No newline at end of file diff --git a/review/main/components/input/docs/React.html b/review/main/components/input/docs/React.html index a49bdf8c5da..bd3aaa269e3 100644 --- a/review/main/components/input/docs/React.html +++ b/review/main/components/input/docs/React.html @@ -1,6 +1,6 @@ -
    +

    React

    Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:


    @forward "@db-ui/components/build/styles/db-ui-42-rollup";

    Import component:

    -

    import { DBInput } from "@db-ui/react-components";
    <DBInput
    label={label}
    placeholder={description}
    description={description}
    onChange={handleChange}
    ></DBInput>;

    \ No newline at end of file +

    import { DBInput } from "@db-ui/react-components";
    <DBInput
    label={label}
    placeholder={description}
    description={description}
    onChange={handleChange}
    ></DBInput>;

    \ No newline at end of file diff --git a/review/main/components/input/docs/Vue.html b/review/main/components/input/docs/Vue.html index d62a60326b0..0611b829981 100644 --- a/review/main/components/input/docs/Vue.html +++ b/review/main/components/input/docs/Vue.html @@ -1,4 +1,4 @@ -
    +

    Vue

    Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:


    @forward "@db-ui/components/build/styles/db-ui-42-rollup";

    @@ -7,4 +7,4 @@

    Vue

    To get DBInput work with v-model you have to use v-model argument syntax:


    <DBInput
    label="Textlabel"
    placeholder="Start typing"
    v-model:value="value"
    ></DBInput>

    or using on-change listener:

    -

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
    }"/> {{ modelAndChange }}

    \ No newline at end of file +

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
    }"/> {{ modelAndChange }}

    \ No newline at end of file diff --git a/review/main/components/input/examples.html b/review/main/components/input/examples.html index beb4a3563e1..7c50ef43149 100644 --- a/review/main/components/input/examples.html +++ b/review/main/components/input/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/how-to-use.html b/review/main/components/input/how-to-use.html index da6f719d5cd..ed755723015 100644 --- a/review/main/components/input/how-to-use.html +++ b/review/main/components/input/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/migration.html b/review/main/components/input/migration.html index 327b1a5e0de..c8a19e23c8c 100644 --- a/review/main/components/input/migration.html +++ b/review/main/components/input/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/overview.html b/review/main/components/input/overview.html index 9498db22b71..c24d7ff8787 100644 --- a/review/main/components/input/overview.html +++ b/review/main/components/input/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/properties.html b/review/main/components/input/properties.html index fe666f1cc5f..4d37bf358fa 100644 --- a/review/main/components/input/properties.html +++ b/review/main/components/input/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link.html b/review/main/components/link.html index b391a437d10..a3f4e2dce8b 100644 --- a/review/main/components/link.html +++ b/review/main/components/link.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/code/Content.html b/review/main/components/link/code/Content.html index 91b4f7c77f5..8c0965531b8 100644 --- a/review/main/components/link/code/Content.html +++ b/review/main/components/link/code/Content.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Internal</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" content="external">
    External
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" content="external">
    External
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Size.html b/review/main/components/link/code/Size.html index cca9b49a45e..b0fc4a56b7d 100644 --- a/review/main/components/link/code/Size.html +++ b/review/main/components/link/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Medium</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" size="small">
    Small
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" size="small">
    Small
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/State.html b/review/main/components/link/code/State.html index 3b54cba8730..8f96438fc65 100644 --- a/review/main/components/link/code/State.html +++ b/review/main/components/link/code/State.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">Default: (Enabled, Hover, Pressed)</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" [disabled]="true">Disabled</db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" [disabled]="true">Disabled</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Tonality.html b/review/main/components/link/code/Tonality.html index 09ffbaf7bd5..818c6ac965d 100644 --- a/review/main/components/link/code/Tonality.html +++ b/review/main/components/link/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">functional</db-link>

    angular
    react
    vue
    html

    <db-link href="#">regular (Default)</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#">expressive</db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#">expressive</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Variant.html b/review/main/components/link/code/Variant.html index e413c7bc819..7097cc415a6 100644 --- a/review/main/components/link/code/Variant.html +++ b/review/main/components/link/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Adaptive</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" variant="primary">
    Primary
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" variant="primary">
    Primary
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/docs/Angular.html b/review/main/components/link/docs/Angular.html index 0c63ffabc25..eb50a04aec7 100644 --- a/review/main/components/link/docs/Angular.html +++ b/review/main/components/link/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBLinkModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBLinkModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-link href="#" variant="primary">Link</db-link>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-link href="#" variant="primary">Link</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/docs/HTML.html b/review/main/components/link/docs/HTML.html index b02851174d8..b82380cf336 100644 --- a/review/main/components/link/docs/HTML.html +++ b/review/main/components/link/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <a class="db-link" href="#">Link</a>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <a class="db-link" href="#">Link</a>
    </body>

    \ No newline at end of file diff --git a/review/main/components/link/docs/React.html b/review/main/components/link/docs/React.html index bbaeb1a2d19..cc3694792be 100644 --- a/review/main/components/link/docs/React.html +++ b/review/main/components/link/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBLink } from "@db-ui/react-components";
    const App = () => (
    <DBLink href="#" variant="primary">
    Link
    </DBLink>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBLink } from "@db-ui/react-components";
    const App = () => (
    <DBLink href="#" variant="primary">
    Link
    </DBLink>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/link/docs/Vue.html b/review/main/components/link/docs/Vue.html index 7eb59ad5d4c..9159a010caa 100644 --- a/review/main/components/link/docs/Vue.html +++ b/review/main/components/link/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBLink } from "@db-ui/v-components";
    </script>
    <template>
    <DBLink href="#" variant="primary">Link</DBLink>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBLink } from "@db-ui/v-components";
    </script>
    <template>
    <DBLink href="#" variant="primary">Link</DBLink>
    </template>

    \ No newline at end of file diff --git a/review/main/components/link/examples.html b/review/main/components/link/examples.html index 627ecbfabfa..6c2e56d1f68 100644 --- a/review/main/components/link/examples.html +++ b/review/main/components/link/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/how-to-use.html b/review/main/components/link/how-to-use.html index 7ddb11c963f..876b4ca076e 100644 --- a/review/main/components/link/how-to-use.html +++ b/review/main/components/link/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/migration.html b/review/main/components/link/migration.html index d055bf506c9..8ea447dccf2 100644 --- a/review/main/components/link/migration.html +++ b/review/main/components/link/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/overview.html b/review/main/components/link/overview.html index 61baa316048..45eca97882e 100644 --- a/review/main/components/link/overview.html +++ b/review/main/components/link/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/properties.html b/review/main/components/link/properties.html index 33df14ebe3b..8d8f613bdd3 100644 --- a/review/main/components/link/properties.html +++ b/review/main/components/link/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation.html b/review/main/components/main-navigation.html index cb869e4abe4..3a20f0f6f99 100644 --- a/review/main/components/main-navigation.html +++ b/review/main/components/main-navigation.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/code/Tonality.html b/review/main/components/main-navigation/code/Tonality.html index 4c1344acbc5..1dd540ec656 100644 --- a/review/main/components/main-navigation/code/Tonality.html +++ b/review/main/components/main-navigation/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-main-navigation>functional</db-main-navigation>

    angular
    react
    vue
    html

    <db-main-navigation>regular (Default)</db-main-navigation>

    -
    angular
    react
    vue
    html

    <db-main-navigation>expressive</db-main-navigation>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-main-navigation>expressive</db-main-navigation>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Angular.html b/review/main/components/main-navigation/docs/Angular.html index 0b2126638a4..065e7f03c2d 100644 --- a/review/main/components/main-navigation/docs/Angular.html +++ b/review/main/components/main-navigation/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBMainNavigationModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBMainNavigationModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-main-navigation>
    <db-navigation-item [active]="true">
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    Sub-Navi-Item 1
    </ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    <ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
    </db-navigation-item>
    <db-navigation-item icon="account">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [disabled]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 3</a>
    </ng-container>
    </db-navigation-item>
    </db-main-navigation>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-main-navigation>
    <db-navigation-item [active]="true">
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    Sub-Navi-Item 1
    </ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    <ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
    </db-navigation-item>
    <db-navigation-item icon="account">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [disabled]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 3</a>
    </ng-container>
    </db-navigation-item>
    </db-main-navigation>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/HTML.html b/review/main/components/main-navigation/docs/HTML.html index 07e9c18d2f4..f0dda06c091 100644 --- a/review/main/components/main-navigation/docs/HTML.html +++ b/review/main/components/main-navigation/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <nav class="db-main-navigation">
    <menu>
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Sub-Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item" data-icon="account">
    <a href="#">Navi-Item 2</a>
    </li>
    <li class="db-navigation-item" aria-disabled="true">
    <a href="#">Navi-Item 3</a>
    </li>
    </menu>
    </nav>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <nav class="db-main-navigation">
    <menu>
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Sub-Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item" data-icon="account">
    <a href="#">Navi-Item 2</a>
    </li>
    <li class="db-navigation-item" aria-disabled="true">
    <a href="#">Navi-Item 3</a>
    </li>
    </menu>
    </nav>
    </body>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/React.html b/review/main/components/main-navigation/docs/React.html index c0846684af7..d55a4e78d67 100644 --- a/review/main/components/main-navigation/docs/React.html +++ b/review/main/components/main-navigation/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBMainNavigation } from "@db-ui/react-components";
    const App = () => (
    <DBMainNavigation>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem active>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Sub-Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem disabled>
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBMainNavigation } from "@db-ui/react-components";
    const App = () => (
    <DBMainNavigation>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem active>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Sub-Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem disabled>
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Vue.html b/review/main/components/main-navigation/docs/Vue.html index e2a0fc32a86..a078f3f3d0b 100644 --- a/review/main/components/main-navigation/docs/Vue.html +++ b/review/main/components/main-navigation/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBMainNavigation>
    <DBNavigationItem :active="true">
    Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    Sub-Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem :disabled="true">
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBMainNavigation>
    <DBNavigationItem :active="true">
    Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    Sub-Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem :disabled="true">
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    </template>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/examples.html b/review/main/components/main-navigation/examples.html index e635b6d8600..525a865f026 100644 --- a/review/main/components/main-navigation/examples.html +++ b/review/main/components/main-navigation/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/how-to-use.html b/review/main/components/main-navigation/how-to-use.html index 3e3b1893023..c8db25402b8 100644 --- a/review/main/components/main-navigation/how-to-use.html +++ b/review/main/components/main-navigation/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/migration.html b/review/main/components/main-navigation/migration.html index 4d8455914dd..46483dc1810 100644 --- a/review/main/components/main-navigation/migration.html +++ b/review/main/components/main-navigation/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/overview.html b/review/main/components/main-navigation/overview.html index 733223adc62..93ad854fb6f 100644 --- a/review/main/components/main-navigation/overview.html +++ b/review/main/components/main-navigation/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/properties.html b/review/main/components/main-navigation/properties.html index cc1c93515b1..5a38814d7c3 100644 --- a/review/main/components/main-navigation/properties.html +++ b/review/main/components/main-navigation/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item.html b/review/main/components/navigation-item.html index 6346286f776..25c453842f4 100644 --- a/review/main/components/navigation-item.html +++ b/review/main/components/navigation-item.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Content.html b/review/main/components/navigation-item/code/Content.html index c73e8e89f7e..17a4f2a7877 100644 --- a/review/main/components/navigation-item/code/Content.html +++ b/review/main/components/navigation-item/code/Content.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item icon="account" [areaPopup]="false">Leading Icon - Text</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item icon="account" [areaPopup]="true">Leading Icon - Text - Trailing Icon</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Text - Trailing Icon</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="false">Text</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="false">Text</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/States.html b/review/main/components/navigation-item/code/States.html index 2fcb70f9285..5cfa48fceef 100644 --- a/review/main/components/navigation-item/code/States.html +++ b/review/main/components/navigation-item/code/States.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Enabled (Default)</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Tonality.html b/review/main/components/navigation-item/code/Tonality.html index 7fe69d0e280..01b1687daee 100644 --- a/review/main/components/navigation-item/code/Tonality.html +++ b/review/main/components/navigation-item/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">functional</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">regular (Default)</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">expressive</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">expressive</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Width.html b/review/main/components/navigation-item/code/Width.html index f7b02046cd8..551ab924172 100644 --- a/review/main/components/navigation-item/code/Width.html +++ b/review/main/components/navigation-item/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Auto (Default)</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Angular.html b/review/main/components/navigation-item/docs/Angular.html index 195b4be7a8d..a5bf0bc1ee9 100644 --- a/review/main/components/navigation-item/docs/Angular.html +++ b/review/main/components/navigation-item/docs/Angular.html @@ -1,8 +1,8 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBNavigationItemModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    declarations: [...,NavigationContentDirective],
    imports: [..., DBNavigationItemModule],
    ...
    })

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    app.component.html

    <!-- app.component.html -->
    <!-- Only link -->
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">NavigationItem</a>
    </ng-container>
    </db-navigation-item>
    <!-- With Sub-Navigation -->
    <db-navigation-item [areaPopup]="true">
    <ng-container *dbNavigationContent>Navi-Item 1</ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <!-- Only link -->
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">NavigationItem</a>
    </ng-container>
    </db-navigation-item>
    <!-- With Sub-Navigation -->
    <db-navigation-item [areaPopup]="true">
    <ng-container *dbNavigationContent>Navi-Item 1</ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/HTML.html b/review/main/components/navigation-item/docs/HTML.html index ef47b271ffb..d77015e98cb 100644 --- a/review/main/components/navigation-item/docs/HTML.html +++ b/review/main/components/navigation-item/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <!-- Only link -->
    <li class="db-navigation-item">
    <a href="mypath">NavigationItem</a>
    </li>
    <!-- With Sub-Navigation -->
    <li class="db-navigation-item">
    <button class="db-navigation-item-expand-button" aria-haspopup="true">
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <a href="mypath">Sub-Navi-Item 1</a>
    <a href="mypath">Sub-Navi-Item 2</a>
    </menu>
    </li>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <!-- Only link -->
    <li class="db-navigation-item">
    <a href="mypath">NavigationItem</a>
    </li>
    <!-- With Sub-Navigation -->
    <li class="db-navigation-item">
    <button class="db-navigation-item-expand-button" aria-haspopup="true">
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <a href="mypath">Sub-Navi-Item 1</a>
    <a href="mypath">Sub-Navi-Item 2</a>
    </menu>
    </li>
    </body>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Migration.html b/review/main/components/navigation-item/docs/Migration.html index ed921144ef5..d52405de5d2 100644 --- a/review/main/components/navigation-item/docs/Migration.html +++ b/review/main/components/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/React.html b/review/main/components/navigation-item/docs/React.html index a4de9d7ca68..381fa0d37f5 100644 --- a/review/main/components/navigation-item/docs/React.html +++ b/review/main/components/navigation-item/docs/React.html @@ -1,6 +1,6 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    App.tsx

    // App.tsx
    import { Link } from "react-router-dom";
    import { DBNavigationItem } from "@db-ui/react-components";
    const App = () => (
    <>
    {/* Only link */}
    <DBNavigationItem>
    <Link to="mypath">NavigationItem</Link>
    </DBNavigationItem>
    {/* With Sub-Navigation */}
    <DBNavigationItem
    slotSubNavigation={
    <>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 1</Link>
    </DBNavigationItem>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 2</Link>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    </>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { Link } from "react-router-dom";
    import { DBNavigationItem } from "@db-ui/react-components";
    const App = () => (
    <>
    {/* Only link */}
    <DBNavigationItem>
    <Link to="mypath">NavigationItem</Link>
    </DBNavigationItem>
    {/* With Sub-Navigation */}
    <DBNavigationItem
    slotSubNavigation={
    <>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 1</Link>
    </DBNavigationItem>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 2</Link>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    </>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Vue.html b/review/main/components/navigation-item/docs/Vue.html index c2a8afad596..b40ecf16def 100644 --- a/review/main/components/navigation-item/docs/Vue.html +++ b/review/main/components/navigation-item/docs/Vue.html @@ -1,6 +1,6 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <!-- Only link -->
    <DBNavigationItem>
    <router-link to="mypath">NavigationItem</router-link>
    </DBNavigationItem>
    <!-- With Sub-Navigation -->
    <DBNavigationItem>
    <template #sub-navigation>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 1</router-link>
    </DBNavigationItem>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 2</router-link>
    </DBNavigationItem>
    </template>
    Navi-Item 1
    </DBNavigationItem>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <!-- Only link -->
    <DBNavigationItem>
    <router-link to="mypath">NavigationItem</router-link>
    </DBNavigationItem>
    <!-- With Sub-Navigation -->
    <DBNavigationItem>
    <template #sub-navigation>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 1</router-link>
    </DBNavigationItem>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 2</router-link>
    </DBNavigationItem>
    </template>
    Navi-Item 1
    </DBNavigationItem>
    </template>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/examples.html b/review/main/components/navigation-item/examples.html index bfca3931f08..351b140ab6c 100644 --- a/review/main/components/navigation-item/examples.html +++ b/review/main/components/navigation-item/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/how-to-use.html b/review/main/components/navigation-item/how-to-use.html index ddd5d77f6a9..c884d5f8d91 100644 --- a/review/main/components/navigation-item/how-to-use.html +++ b/review/main/components/navigation-item/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/migration.html b/review/main/components/navigation-item/migration.html index 445bfc2d42d..e469da73b52 100644 --- a/review/main/components/navigation-item/migration.html +++ b/review/main/components/navigation-item/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/overview.html b/review/main/components/navigation-item/overview.html index 70bb8cb2879..b58ff321cb1 100644 --- a/review/main/components/navigation-item/overview.html +++ b/review/main/components/navigation-item/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/properties.html b/review/main/components/navigation-item/properties.html index da7e8a100e5..50e86821722 100644 --- a/review/main/components/navigation-item/properties.html +++ b/review/main/components/navigation-item/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/docs/Angular.html b/review/main/components/page/docs/Angular.html index 71e139d0de6..bc73bb47a07 100644 --- a/review/main/components/page/docs/Angular.html +++ b/review/main/components/page/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBPageModule, DBHeaderModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBPageModule, DBHeaderModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-page>
    <db-header header>...</db-header>
    <main class="db-main">Main Page</main>
    </db-page>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-page>
    <db-header header>...</db-header>
    <main class="db-main">Main Page</main>
    </db-page>

    \ No newline at end of file diff --git a/review/main/components/page/docs/HTML.html b/review/main/components/page/docs/HTML.html index 4cc0139d9f1..3fde3948451 100644 --- a/review/main/components/page/docs/HTML.html +++ b/review/main/components/page/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-page">
    <header class="db-header">...</header>
    <main class="db-main">Main Page</main>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-page">
    <header class="db-header">...</header>
    <main class="db-main">Main Page</main>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/page/docs/React.html b/review/main/components/page/docs/React.html index 4498a4d19ac..684b137eab1 100644 --- a/review/main/components/page/docs/React.html +++ b/review/main/components/page/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBPage, DBHeader } from "@db-ui/react-components";
    const App = () => (
    <DBPage slotHeader={<DBHeader>...</DBHeader>}>
    <main class="db-main">Main Page</main>
    </DBPage>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBPage, DBHeader } from "@db-ui/react-components";
    const App = () => (
    <DBPage slotHeader={<DBHeader>...</DBHeader>}>
    <main class="db-main">Main Page</main>
    </DBPage>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/page/docs/Vue.html b/review/main/components/page/docs/Vue.html index 72fe7cc8ca4..2c750fff9cc 100644 --- a/review/main/components/page/docs/Vue.html +++ b/review/main/components/page/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPage, DBHeader } from "@db-ui/v-components";
    </script>
    <template>
    <DBPage>
    <DBHeader slot="header">...</DBHeader>
    <main class="db-main">Main Page</main>
    </DBPage>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPage, DBHeader } from "@db-ui/v-components";
    </script>
    <template>
    <DBPage>
    <DBHeader slot="header">...</DBHeader>
    <main class="db-main">Main Page</main>
    </DBPage>
    </template>

    \ No newline at end of file diff --git a/review/main/components/page/examples.html b/review/main/components/page/examples.html index fa017644a7b..3c1144b3464 100644 --- a/review/main/components/page/examples.html +++ b/review/main/components/page/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/how-to-use.html b/review/main/components/page/how-to-use.html index a69d8b32503..bcfc250569f 100644 --- a/review/main/components/page/how-to-use.html +++ b/review/main/components/page/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/migration.html b/review/main/components/page/migration.html index c15dd9543c3..84f66d29fd8 100644 --- a/review/main/components/page/migration.html +++ b/review/main/components/page/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/properties.html b/review/main/components/page/properties.html index 235f26f3c1b..310565bd9f7 100644 --- a/review/main/components/page/properties.html +++ b/review/main/components/page/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover.html b/review/main/components/popover.html index 2c9ad98dd31..451530185c7 100644 --- a/review/main/components/popover.html +++ b/review/main/components/popover.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/code/Animations.html b/review/main/components/popover/code/Animations.html index 4e05eae2272..a73812a30c6 100644 --- a/review/main/components/popover/code/Animations.html +++ b/review/main/components/popover/code/Animations.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-13">
    Animation no delay (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" delay="slow" id="popover-14">
    Delay slow
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" delay="fast" id="popover-15">
    Delay fast
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" animation="disabled" id="popover-16">
    No animation
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" animation="disabled" id="popover-16">
    No animation
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Gap.html b/review/main/components/popover/code/Gap.html index d0b9ee6287e..a678a190e8a 100644 --- a/review/main/components/popover/code/Gap.html +++ b/review/main/components/popover/code/Gap.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-11">
    No gap (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Placement.html b/review/main/components/popover/code/Placement.html index dbb3fc90249..a5485fae1eb 100644 --- a/review/main/components/popover/code/Placement.html +++ b/review/main/components/popover/code/Placement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom-start" id="popover-07-start">
    bottom-start
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom" id="popover-07">
    bottom (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom-end" id="popover-07-end">
    bottom-end
    </db-popover>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="right-end" id="popover-10-end">
    right-end
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-start" id="popover-08-start">
    top-start
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top" id="popover-08">
    top
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-end" id="popover-08-end">
    top-end
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-end" id="popover-08-end">
    top-end
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Spacing.html b/review/main/components/popover/code/Spacing.html index 8c128f0415c..f90e1a40b4f 100644 --- a/review/main/components/popover/code/Spacing.html +++ b/review/main/components/popover/code/Spacing.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="small" id="popover-04">
    Small (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="medium" id="popover-05">
    Medium
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="none" id="popover-06">
    None
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="none" id="popover-06">
    None
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Tonality.html b/review/main/components/popover/code/Tonality.html index 14c296ce3f1..068fa3eb2a4 100644 --- a/review/main/components/popover/code/Tonality.html +++ b/review/main/components/popover/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-01">
    functional
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-02">
    regular (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-03">
    expressive
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-03">
    expressive
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Width.html b/review/main/components/popover/code/Width.html index cbac4d705e3..d6424be6cdb 100644 --- a/review/main/components/popover/code/Width.html +++ b/review/main/components/popover/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    id="popover-17"
    >
    Auto (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="popover-18"
    >
    Fixed
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="popover-18"
    >
    Fixed
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Angular.html b/review/main/components/popover/docs/Angular.html index c70ac9e7d44..a7c11de07a2 100644 --- a/review/main/components/popover/docs/Angular.html +++ b/review/main/components/popover/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBPopoverModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBPopoverModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="popover-01">
    Hover on me to open Popover
    <db-popover id="popover-01">Popover</db-popover>
    </db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="popover-01">
    Hover on me to open Popover
    <db-popover id="popover-01">Popover</db-popover>
    </db-button>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/HTML.html b/review/main/components/popover/docs/HTML.html index 51d915ba8e1..01c0de982b5 100644 --- a/review/main/components/popover/docs/HTML.html +++ b/review/main/components/popover/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="popover-01">
    Hover on me to open Popover
    <i class="db-popover" id="popover-01">Popover</i>
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="popover-01">
    Hover on me to open Popover
    <i class="db-popover" id="popover-01">Popover</i>
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Migration.html b/review/main/components/popover/docs/Migration.html index 1acebe0fd58..c45b4cd2e18 100644 --- a/review/main/components/popover/docs/Migration.html +++ b/review/main/components/popover/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/popover/docs/React.html b/review/main/components/popover/docs/React.html index b992d65de2e..ab83b1106a8 100644 --- a/review/main/components/popover/docs/React.html +++ b/review/main/components/popover/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBPopover, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBPopover, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Vue.html b/review/main/components/popover/docs/Vue.html index 55242ceda96..141b3cc60c4 100644 --- a/review/main/components/popover/docs/Vue.html +++ b/review/main/components/popover/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPopover, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPopover, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/popover/examples.html b/review/main/components/popover/examples.html index ee7c44c14bd..059c6bda9b9 100644 --- a/review/main/components/popover/examples.html +++ b/review/main/components/popover/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/how-to-use.html b/review/main/components/popover/how-to-use.html index df89661db6e..259ab65cd22 100644 --- a/review/main/components/popover/how-to-use.html +++ b/review/main/components/popover/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/migration.html b/review/main/components/popover/migration.html index 04c3283d9ee..8553065053a 100644 --- a/review/main/components/popover/migration.html +++ b/review/main/components/popover/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/overview.html b/review/main/components/popover/overview.html index 6c8b132f3e7..c686df112a6 100644 --- a/review/main/components/popover/overview.html +++ b/review/main/components/popover/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/properties.html b/review/main/components/popover/properties.html index 02f6324924e..2459a4802a6 100644 --- a/review/main/components/popover/properties.html +++ b/review/main/components/popover/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio.html b/review/main/components/radio.html index 10b37a635fb..53e4a2fd9ef 100644 --- a/review/main/components/radio.html +++ b/review/main/components/radio.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/code/Requirement.html b/review/main/components/radio/code/Requirement.html index 45fc07fcefa..a279af43699 100644 --- a/review/main/components/radio/code/Requirement.html +++ b/review/main/components/radio/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Requirement">(Default) Optional</db-radio>

    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [invalid]="true">Required</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/Size.html b/review/main/components/radio/code/Size.html index ba00e6e235d..13755351edb 100644 --- a/review/main/components/radio/code/Size.html +++ b/review/main/components/radio/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Size">Default</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Size" size="small">
    Small
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Size" size="small">
    Small
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/States.html b/review/main/components/radio/code/States.html index 854f5d44b34..6a57ba03b8c 100644 --- a/review/main/components/radio/code/States.html +++ b/review/main/components/radio/code/States.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="States">Default</db-radio>

    angular
    react
    vue
    html

    <db-radio name="States" [checked]="true">Checked</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="States" [disabled]="true">Disabled</db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="States" [disabled]="true">Disabled</db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/Tonality.html b/review/main/components/radio/code/Tonality.html index 9a7bba846db..8642f657dd0 100644 --- a/review/main/components/radio/code/Tonality.html +++ b/review/main/components/radio/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="functional">
    functional
    </db-radio>

    angular
    react
    vue
    html

    <db-radio name="Tonality" value="regular">
    regular (Default)
    </db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="expressive">
    expressive
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="expressive">
    expressive
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/VariantLabel.html b/review/main/components/radio/code/VariantLabel.html index b8cec48599d..07b093cdc97 100644 --- a/review/main/components/radio/code/VariantLabel.html +++ b/review/main/components/radio/code/VariantLabel.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Content">(Default) Label</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Content" labelVariant="hidden">
    Hidden Label
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Content" labelVariant="hidden">
    Hidden Label
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/docs/Angular.html b/review/main/components/radio/docs/Angular.html index 1cae034f8d4..a0402332fa2 100644 --- a/review/main/components/radio/docs/Angular.html +++ b/review/main/components/radio/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -13,4 +13,4 @@

    How to use with Template Driven Forms

    form.component.html

    <!-- form.component.html -->
    <form>
    <DBRadio ngDefaultControl [(ngModel)]="radio">Label</DBRadio>
    <DBButton type="button" variant="primary" (click)="showValues()"
    >Get radio value</DBButton
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>radio's value</dt>
    <dd>{{ radio ? radio : "No radio set" }}</dd>
    </dl>

    form.component.ts

    // form.component.ts
    export class FormComponent {
    radio = "";
    showValues(): void {
    alert(JSON.stringify({ radio: this.radio }));
    }
    }

    How to use with Reactive Forms

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/radio/docs/HTML.html b/review/main/components/radio/docs/HTML.html index 5bddc715753..4fa6d15ea38 100644 --- a/review/main/components/radio/docs/HTML.html +++ b/review/main/components/radio/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <input
    type="radio"
    class="db-radio"
    id="radio-element"
    name="States"
    value="Y"
    />
    <label for="radio-element">Label</label>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <input
    type="radio"
    class="db-radio"
    id="radio-element"
    name="States"
    value="Y"
    />
    <label for="radio-element">Label</label>
    </body>

    \ No newline at end of file diff --git a/review/main/components/radio/docs/React.html b/review/main/components/radio/docs/React.html index 35be6056d84..da8422f3df4 100644 --- a/review/main/components/radio/docs/React.html +++ b/review/main/components/radio/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBRadio } from "@db-ui/react-components";
    const App = () => (
    <ul>
    {["X", "Y", "Z"].map((radioName) => (
    <li key={radioName}>
    <DBRadio
    name="radio-group"
    value={radioName}
    onChange={() => {
    setRadio(radioName);
    }}
    >
    Radio {radioName}
    </DBRadio>
    </li>
    ))}
    </ul>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBRadio } from "@db-ui/react-components";
    const App = () => (
    <ul>
    {["X", "Y", "Z"].map((radioName) => (
    <li key={radioName}>
    <DBRadio
    name="radio-group"
    value={radioName}
    onChange={() => {
    setRadio(radioName);
    }}
    >
    Radio {radioName}
    </DBRadio>
    </li>
    ))}
    </ul>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/radio/docs/Vue.html b/review/main/components/radio/docs/Vue.html index f2f156c08a1..be54a4aeafc 100644 --- a/review/main/components/radio/docs/Vue.html +++ b/review/main/components/radio/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBRadio } from "@db-ui/v-components";
    import { ref } from "vue";
    const radio = ref("");
    const radioNames = ["X", "Y", "Z"];
    </script>
    <template>
    <ul>
    <li v-for="radioName in radioNames">
    <DBRadio
    @change="radio = radioName"
    name="radio-group"
    :value="radioName"
    >
    Radio {{ radioName }}
    </DBRadio>
    </li>
    </ul>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBRadio } from "@db-ui/v-components";
    import { ref } from "vue";
    const radio = ref("");
    const radioNames = ["X", "Y", "Z"];
    </script>
    <template>
    <ul>
    <li v-for="radioName in radioNames">
    <DBRadio
    @change="radio = radioName"
    name="radio-group"
    :value="radioName"
    >
    Radio {{ radioName }}
    </DBRadio>
    </li>
    </ul>
    </template>

    \ No newline at end of file diff --git a/review/main/components/radio/examples.html b/review/main/components/radio/examples.html index aee5fa8ae00..c5d30a8d93e 100644 --- a/review/main/components/radio/examples.html +++ b/review/main/components/radio/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/how-to-use.html b/review/main/components/radio/how-to-use.html index 5a659d72d4b..82d93a46fc0 100644 --- a/review/main/components/radio/how-to-use.html +++ b/review/main/components/radio/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/migration.html b/review/main/components/radio/migration.html index 61e77fd43e9..ebade12be27 100644 --- a/review/main/components/radio/migration.html +++ b/review/main/components/radio/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/overview.html b/review/main/components/radio/overview.html index d2c402b6074..410255be94f 100644 --- a/review/main/components/radio/overview.html +++ b/review/main/components/radio/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/properties.html b/review/main/components/radio/properties.html index 1b5d92fab5b..8c780967102 100644 --- a/review/main/components/radio/properties.html +++ b/review/main/components/radio/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/readme.html b/review/main/components/readme.html index 483d779a1fb..79711f77ca8 100644 --- a/review/main/components/readme.html +++ b/review/main/components/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section.html b/review/main/components/section.html index 96180e6430b..fed938a41b3 100644 --- a/review/main/components/section.html +++ b/review/main/components/section.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/code/Size.html b/review/main/components/section/code/Size.html index cb03b236b85..9c0813f624c 100644 --- a/review/main/components/section/code/Size.html +++ b/review/main/components/section/code/Size.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>Medium (Default)</db-section>

    angular
    react
    vue
    html

    <db-section size="large">Large</db-section>

    -
    angular
    react
    vue
    html

    <db-section size="small">Small</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section size="small">Small</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/code/Tonality.html b/review/main/components/section/code/Tonality.html index 689807ae2d1..a103a08985e 100644 --- a/review/main/components/section/code/Tonality.html +++ b/review/main/components/section/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>functional</db-section>

    angular
    react
    vue
    html

    <db-section>regular (Default)</db-section>

    -
    angular
    react
    vue
    html

    <db-section>expressive</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section>expressive</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/code/Variant.html b/review/main/components/section/code/Variant.html index dfaa4592191..7ec2b4522ac 100644 --- a/review/main/components/section/code/Variant.html +++ b/review/main/components/section/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>Full (Default)</db-section>

    angular
    react
    vue
    html

    <db-section variant="medium">Medium</db-section>

    -
    angular
    react
    vue
    html

    <db-section variant="large">Large</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section variant="large">Large</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/docs/Angular.html b/review/main/components/section/docs/Angular.html index 68e2a8dbc67..043aef12edb 100644 --- a/review/main/components/section/docs/Angular.html +++ b/review/main/components/section/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBSectionModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBSectionModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-section variant="full">Section</db-section>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-section variant="full">Section</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/docs/HTML.html b/review/main/components/section/docs/HTML.html index 95fff3ceb56..fa495454f82 100644 --- a/review/main/components/section/docs/HTML.html +++ b/review/main/components/section/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <section class="db-section">
    <div data-variant="full">Section</div>
    </section>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <section class="db-section">
    <div data-variant="full">Section</div>
    </section>
    </body>

    \ No newline at end of file diff --git a/review/main/components/section/docs/Migration.html b/review/main/components/section/docs/Migration.html index 215226b5fe4..3dbb5f1f6e7 100644 --- a/review/main/components/section/docs/Migration.html +++ b/review/main/components/section/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/section/docs/React.html b/review/main/components/section/docs/React.html index 6aa714c7771..d6fe6e13763 100644 --- a/review/main/components/section/docs/React.html +++ b/review/main/components/section/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBSection } from "@db-ui/react-components";
    const App = () => <DBSection variant="full">Section</DBSection>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBSection } from "@db-ui/react-components";
    const App = () => <DBSection variant="full">Section</DBSection>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/section/docs/Vue.html b/review/main/components/section/docs/Vue.html index 40213ad55bd..117b22be234 100644 --- a/review/main/components/section/docs/Vue.html +++ b/review/main/components/section/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSection } from "@db-ui/v-components";
    </script>
    <template>
    <DBSection variant="full">Section</DBSection>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSection } from "@db-ui/v-components";
    </script>
    <template>
    <DBSection variant="full">Section</DBSection>
    </template>

    \ No newline at end of file diff --git a/review/main/components/section/examples.html b/review/main/components/section/examples.html index ad6ee353d57..a29b6af1648 100644 --- a/review/main/components/section/examples.html +++ b/review/main/components/section/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/how-to-use.html b/review/main/components/section/how-to-use.html index 43976076331..f36ab89d97d 100644 --- a/review/main/components/section/how-to-use.html +++ b/review/main/components/section/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/migration.html b/review/main/components/section/migration.html index 32bb44d9dd7..4b23659c8ce 100644 --- a/review/main/components/section/migration.html +++ b/review/main/components/section/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/overview.html b/review/main/components/section/overview.html index 139399d9be6..662a1c30fa7 100644 --- a/review/main/components/section/overview.html +++ b/review/main/components/section/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/properties.html b/review/main/components/section/properties.html index 3f0cf2f4f6b..3b0d90b23b4 100644 --- a/review/main/components/section/properties.html +++ b/review/main/components/section/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select.html b/review/main/components/select.html index 905e13791d0..cfe4c1c4dd0 100644 --- a/review/main/components/select.html +++ b/review/main/components/select.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/code/Content.html b/review/main/components/select/code/Content.html index 7e0e89f9980..0cacd306098 100644 --- a/review/main/components/select/code/Content.html +++ b/review/main/components/select/code/Content.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Requirement.html b/review/main/components/select/code/Requirement.html index 503366e328c..42ae5b8475e 100644 --- a/review/main/components/select/code/Requirement.html +++ b/review/main/components/select/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [required]="true">Required</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Semantic.html b/review/main/components/select/code/Semantic.html index 3fa43f73f51..c5fef96d29d 100644 --- a/review/main/components/select/code/Semantic.html +++ b/review/main/components/select/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="critical" message="Critical Message">Critical</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="informational" message="Informational Message">Informational</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="successful" message="Successful Message">Successful</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/StatesFloatingLabel.html b/review/main/components/select/code/StatesFloatingLabel.html index 72f70a36f5d..dc30528d4ba 100644 --- a/review/main/components/select/code/StatesFloatingLabel.html +++ b/review/main/components/select/code/StatesFloatingLabel.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled" labelVariant="floating">Filled</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/StatesLabelAbove.html b/review/main/components/select/code/StatesLabelAbove.html index 4c492d5f5cd..837835d9ae7 100644 --- a/review/main/components/select/code/StatesLabelAbove.html +++ b/review/main/components/select/code/StatesLabelAbove.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled">Filled</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Tonality.html b/review/main/components/select/code/Tonality.html index 109eb9483a0..2f766beeb61 100644 --- a/review/main/components/select/code/Tonality.html +++ b/review/main/components/select/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Regular</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/VariantHelperMessage.html b/review/main/components/select/code/VariantHelperMessage.html index d388c856c9a..2220d731a6b 100644 --- a/review/main/components/select/code/VariantHelperMessage.html +++ b/review/main/components/select/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/VariantLabel.html b/review/main/components/select/code/VariantLabel.html index e08f0ad26c5..754477f034f 100644 --- a/review/main/components/select/code/VariantLabel.html +++ b/review/main/components/select/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Floating Label'},{'value':'Option 2'}]" label="Label" labelVariant="floating" value="Floating Label">Floating Label</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/docs/Angular.html b/review/main/components/select/docs/Angular.html index 829aae1cc01..a57cc709a4f 100644 --- a/review/main/components/select/docs/Angular.html +++ b/review/main/components/select/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBSelectModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBSelectModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-select>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </db-select>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-select>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </db-select>

    \ No newline at end of file diff --git a/review/main/components/select/docs/HTML.html b/review/main/components/select/docs/HTML.html index 7c1a74d12f8..00e6fbfb197 100644 --- a/review/main/components/select/docs/HTML.html +++ b/review/main/components/select/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-select">
    <label for="test">Label</label>
    <select id="test">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </select>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-select">
    <label for="test">Label</label>
    <select id="test">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </select>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/select/docs/Migration.html b/review/main/components/select/docs/Migration.html index b1b1f04df0a..e3e26b45733 100644 --- a/review/main/components/select/docs/Migration.html +++ b/review/main/components/select/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Components

    class

    BeforeStatusAfterDescription
    elm-select🔁db-select

    select

    -
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file diff --git a/review/main/components/select/docs/React.html b/review/main/components/select/docs/React.html index 6771d43d496..a0bbbba4afe 100644 --- a/review/main/components/select/docs/React.html +++ b/review/main/components/select/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBSelect } from "@db-ui/react-components";
    const App = () => (
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBSelect } from "@db-ui/react-components";
    const App = () => (
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/select/docs/Vue.html b/review/main/components/select/docs/Vue.html index 3fdeb847309..1d52b9e2b93 100644 --- a/review/main/components/select/docs/Vue.html +++ b/review/main/components/select/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSelect } from "@db-ui/v-components";
    </script>
    <template>
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSelect } from "@db-ui/v-components";
    </script>
    <template>
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    </template>

    \ No newline at end of file diff --git a/review/main/components/select/examples.html b/review/main/components/select/examples.html index aacdf880962..a8dab04a8be 100644 --- a/review/main/components/select/examples.html +++ b/review/main/components/select/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/how-to-use.html b/review/main/components/select/how-to-use.html index 320901f31d9..8bb863f16ed 100644 --- a/review/main/components/select/how-to-use.html +++ b/review/main/components/select/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/migration.html b/review/main/components/select/migration.html index ca9ea3f5b6e..f74f783b51f 100644 --- a/review/main/components/select/migration.html +++ b/review/main/components/select/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/overview.html b/review/main/components/select/overview.html index c0db980e79f..e64e6929f6d 100644 --- a/review/main/components/select/overview.html +++ b/review/main/components/select/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/properties.html b/review/main/components/select/properties.html index 3453492a736..642c6c97aed 100644 --- a/review/main/components/select/properties.html +++ b/review/main/components/select/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/Angular.html b/review/main/components/tab-bar/docs/Angular.html index 84309c3ed3b..5da2e737903 100644 --- a/review/main/components/tab-bar/docs/Angular.html +++ b/review/main/components/tab-bar/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/HTML.html b/review/main/components/tab-bar/docs/HTML.html index 9c9ca18ed10..372a0e047a1 100644 --- a/review/main/components/tab-bar/docs/HTML.html +++ b/review/main/components/tab-bar/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/React.html b/review/main/components/tab-bar/docs/React.html index 4a53a6c509d..89125c7ddf3 100644 --- a/review/main/components/tab-bar/docs/React.html +++ b/review/main/components/tab-bar/docs/React.html @@ -1,2 +1,2 @@ -

    React

    -

    TODO

    \ No newline at end of file +

    React

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/Vue.html b/review/main/components/tab-bar/docs/Vue.html index 9f4261fbc16..74a63b69eb4 100644 --- a/review/main/components/tab-bar/docs/Vue.html +++ b/review/main/components/tab-bar/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/examples.html b/review/main/components/tab-bar/examples.html index 023751d099b..4da7d3e6ac7 100644 --- a/review/main/components/tab-bar/examples.html +++ b/review/main/components/tab-bar/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/how-to-use.html b/review/main/components/tab-bar/how-to-use.html index 8724ebbf4c5..dc9f30e802a 100644 --- a/review/main/components/tab-bar/how-to-use.html +++ b/review/main/components/tab-bar/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/migration.html b/review/main/components/tab-bar/migration.html index 56d6ee71eea..d8d4833490c 100644 --- a/review/main/components/tab-bar/migration.html +++ b/review/main/components/tab-bar/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/properties.html b/review/main/components/tab-bar/properties.html index 154df3178f9..f4fc3b12255 100644 --- a/review/main/components/tab-bar/properties.html +++ b/review/main/components/tab-bar/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Angular.html b/review/main/components/tab/docs/Angular.html index e5bcc8c1ffb..84162551a5d 100644 --- a/review/main/components/tab/docs/Angular.html +++ b/review/main/components/tab/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/HTML.html b/review/main/components/tab/docs/HTML.html index babec06c9e4..34c10a08117 100644 --- a/review/main/components/tab/docs/HTML.html +++ b/review/main/components/tab/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/React.html b/review/main/components/tab/docs/React.html index f3b394e0b38..623b08862d2 100644 --- a/review/main/components/tab/docs/React.html +++ b/review/main/components/tab/docs/React.html @@ -1,2 +1,2 @@ -

    React

    -

    TODO

    \ No newline at end of file +

    React

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/Vue.html b/review/main/components/tab/docs/Vue.html index d38ced67a41..7384865268a 100644 --- a/review/main/components/tab/docs/Vue.html +++ b/review/main/components/tab/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/examples.html b/review/main/components/tab/examples.html index 3da0be41195..9eb036738ce 100644 --- a/review/main/components/tab/examples.html +++ b/review/main/components/tab/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/how-to-use.html b/review/main/components/tab/how-to-use.html index 2397b92eb11..656d4ebd4a1 100644 --- a/review/main/components/tab/how-to-use.html +++ b/review/main/components/tab/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/migration.html b/review/main/components/tab/migration.html index e290f3ba83d..010475b3b11 100644 --- a/review/main/components/tab/migration.html +++ b/review/main/components/tab/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/properties.html b/review/main/components/tab/properties.html index c045021a520..9b53a73faa3 100644 --- a/review/main/components/tab/properties.html +++ b/review/main/components/tab/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag.html b/review/main/components/tag.html index 3a1621c1286..556c33f4863 100644 --- a/review/main/components/tag.html +++ b/review/main/components/tag.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/code/Behaviour.html b/review/main/components/tag/code/Behaviour.html index 99201c176a6..c1c0115e0a6 100644 --- a/review/main/components/tag/code/Behaviour.html +++ b/review/main/components/tag/code/Behaviour.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Static (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tab><db-button>Interactive Button</db-button></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-link>Interactive Link</db-link></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>

    angular
    react
    vue
    html

    <db-tag component="radio" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Radio 2</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag behaviour="removable">Removeable</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag behaviour="removable">Removeable</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Content.html b/review/main/components/tag/code/Content.html index 99e322642a9..9b3acf8ef66 100644 --- a/review/main/components/tag/code/Content.html +++ b/review/main/components/tag/code/Content.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Text (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tag icon="account" [noText]="true">Icon</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag icon="account">Icon & Text</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag icon="account">Icon & Text</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Emphasis.html b/review/main/components/tag/code/Emphasis.html index 84c232aa350..381688dad51 100644 --- a/review/main/components/tag/code/Emphasis.html +++ b/review/main/components/tag/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Weak (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag emphasis="strong">Strong</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag emphasis="strong">Strong</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Example.html b/review/main/components/tag/code/Example.html index e906e322670..0d83654dce3 100644 --- a/review/main/components/tag/code/Example.html +++ b/review/main/components/tag/code/Example.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-tab><db-button>Interactive Button</db-button></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-link>Interactive Link</db-link></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>

    -
    angular
    react
    vue
    html

    <db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Overflow.html b/review/main/components/tag/code/Overflow.html index eb498744c03..3a7eb71ab9b 100644 --- a/review/main/components/tag/code/Overflow.html +++ b/review/main/components/tag/code/Overflow.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>No Overflow (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/State.html b/review/main/components/tag/code/State.html index 594de5eda05..bde581686fd 100644 --- a/review/main/components/tag/code/State.html +++ b/review/main/components/tag/code/State.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true">Interactive Checkbox</db-checkbox></db-tag>

    -
    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Tonality.html b/review/main/components/tag/code/Tonality.html index 91d1b8d7fba..f7bbdf1878c 100644 --- a/review/main/components/tag/code/Tonality.html +++ b/review/main/components/tag/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>functional</db-tag>

    angular
    react
    vue
    html

    <db-tag>regular (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag>expressive</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag>expressive</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Variant.html b/review/main/components/tag/code/Variant.html index d09dfd68566..3450fdf64f3 100644 --- a/review/main/components/tag/code/Variant.html +++ b/review/main/components/tag/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Adaptive (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tag variant="neutral">Neutral Strong</db-tag>

    angular
    react
    vue
    html

    <db-tag variant="critical">Critical</db-tag>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-tag variant="critical" emphasis="strong">
    Critical Strong
    </db-tag>

    angular
    react
    vue
    html

    <db-tag variant="informational" emphasis="strong">
    Informational Strong
    </db-tag>

    angular
    react
    vue
    html

    <db-tag variant="successful" emphasis="strong">
    Successful Strong
    </db-tag>

    -
    angular
    react
    vue
    html

    <db-tag variant="warning" emphasis="strong">
    Warning Strong
    </db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag variant="warning" emphasis="strong">
    Warning Strong
    </db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Angular.html b/review/main/components/tag/docs/Angular.html index 5342d376c7a..4daf29e27e5 100644 --- a/review/main/components/tag/docs/Angular.html +++ b/review/main/components/tag/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTagModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTagModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-tag><db-button>Tag as Button</db-button></db-tag>
    <db-tag>
    <db-link> Tag as Link </db-link>
    </db-tag>
    <db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
    <db-tag><db-radio>Tag as Radio</db-radio></db-tag>
    <db-tag>Static Tag</db-tag>
    <db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-tag><db-button>Tag as Button</db-button></db-tag>
    <db-tag>
    <db-link> Tag as Link </db-link>
    </db-tag>
    <db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
    <db-tag><db-radio>Tag as Radio</db-radio></db-tag>
    <db-tag>Static Tag</db-tag>
    <db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/HTML.html b/review/main/components/tag/docs/HTML.html index c480487fa44..ebc97af3ddb 100644 --- a/review/main/components/tag/docs/HTML.html +++ b/review/main/components/tag/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-tag">
    <span class="tag-label">regular (Default)</span>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-tag">
    <span class="tag-label">regular (Default)</span>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Migration.html b/review/main/components/tag/docs/Migration.html index a5555cdd822..eedb55e77a8 100644 --- a/review/main/components/tag/docs/Migration.html +++ b/review/main/components/tag/docs/Migration.html @@ -1,4 +1,4 @@ -
    +

    General

    Note @@ -16,4 +16,4 @@

    sizes

    variants

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    icons

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file diff --git a/review/main/components/tag/docs/React.html b/review/main/components/tag/docs/React.html index 18aa8de6bce..730b9069db6 100644 --- a/review/main/components/tag/docs/React.html +++ b/review/main/components/tag/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBTag } from "@db-ui/react-components";
    const App = () => (
    <>
    <DBTag>
    <DBButton>Tag as Button</DBButton>
    </DBTag>
    <DBTag>
    <DBLink>Tag as Link</DBLink>
    </DBTag>
    <DBTag>
    <DBCheckbox>Tag as Checkbox</DBCheckbox>
    </DBTag>
    <DBTag>
    <DBRadio>Tag as Radio</DBRadio>
    </DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag overflow={true}>
    <span>Static Tag with overflow</span>
    </DBTag>
    </>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBTag } from "@db-ui/react-components";
    const App = () => (
    <>
    <DBTag>
    <DBButton>Tag as Button</DBButton>
    </DBTag>
    <DBTag>
    <DBLink>Tag as Link</DBLink>
    </DBTag>
    <DBTag>
    <DBCheckbox>Tag as Checkbox</DBCheckbox>
    </DBTag>
    <DBTag>
    <DBRadio>Tag as Radio</DBRadio>
    </DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag overflow={true}>
    <span>Static Tag with overflow</span>
    </DBTag>
    </>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Vue.html b/review/main/components/tag/docs/Vue.html index 81b3f7f12b3..7e49f957b70 100644 --- a/review/main/components/tag/docs/Vue.html +++ b/review/main/components/tag/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTag } from "@db-ui/v-components";
    </script>
    <template>
    <DBTag><DBButton>Tag as Button</DBButton></DBTag>
    <DBTag>
    <DBLink> Tag as Link </DBLink>
    </DBTag>
    <DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
    <DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag :overflow="true">
    <span>Static Tag with overflow</span>
    </DBTag>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTag } from "@db-ui/v-components";
    </script>
    <template>
    <DBTag><DBButton>Tag as Button</DBButton></DBTag>
    <DBTag>
    <DBLink> Tag as Link </DBLink>
    </DBTag>
    <DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
    <DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag :overflow="true">
    <span>Static Tag with overflow</span>
    </DBTag>
    </template>

    \ No newline at end of file diff --git a/review/main/components/tag/examples.html b/review/main/components/tag/examples.html index 0e5d6f36813..54d50b8d5ad 100644 --- a/review/main/components/tag/examples.html +++ b/review/main/components/tag/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/how-to-use.html b/review/main/components/tag/how-to-use.html index 555eb268679..43d6b5c0a93 100644 --- a/review/main/components/tag/how-to-use.html +++ b/review/main/components/tag/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/migration.html b/review/main/components/tag/migration.html index a32f59b298f..169423f4b15 100644 --- a/review/main/components/tag/migration.html +++ b/review/main/components/tag/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/overview.html b/review/main/components/tag/overview.html index d1198739d8e..57e2cba31f6 100644 --- a/review/main/components/tag/overview.html +++ b/review/main/components/tag/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/properties.html b/review/main/components/tag/properties.html index 2a3e44db69c..859746ebaf6 100644 --- a/review/main/components/tag/properties.html +++ b/review/main/components/tag/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea.html b/review/main/components/textarea.html index ab48d344e25..6bbac43bc3c 100644 --- a/review/main/components/textarea.html +++ b/review/main/components/textarea.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Requirement.html b/review/main/components/textarea/code/Requirement.html index 88d3adfb7e1..dfae06b9f0a 100644 --- a/review/main/components/textarea/code/Requirement.html +++ b/review/main/components/textarea/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Optional</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [required]="true">Required</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Rows.html b/review/main/components/textarea/code/Rows.html index 092d05a83bd..2f2c1e52101 100644 --- a/review/main/components/textarea/code/Rows.html +++ b/review/main/components/textarea/code/Rows.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea
    label="(Default) 4 Rows"
    value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
    >
    (Default) 4 Rows
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Semantic.html b/review/main/components/textarea/code/Semantic.html index 765b2216fcc..cc37cee9eaf 100644 --- a/review/main/components/textarea/code/Semantic.html +++ b/review/main/components/textarea/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    (Default) Adaptive
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" variant="critical" message="Critical Message">
    Critical
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea
    label="Label"
    variant="informational"
    message="Informational Message"
    >
    Informational
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" variant="successful" message="Successful Message">
    Successful
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" variant="warning" message="Warning Message">
    Warning
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" variant="warning" message="Warning Message">
    Warning
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesFloatingLabel.html b/review/main/components/textarea/code/StatesFloatingLabel.html index 9adc66c9f6c..fced35d9fca 100644 --- a/review/main/components/textarea/code/StatesFloatingLabel.html +++ b/review/main/components/textarea/code/StatesFloatingLabel.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="floating">
    (Default) Empty
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled" labelVariant="floating">
    Filled
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [disabled]="true" labelVariant="floating">Disabled</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesLabelAbove.html b/review/main/components/textarea/code/StatesLabelAbove.html index defae79f0d8..192cdabc36e 100644 --- a/review/main/components/textarea/code/StatesLabelAbove.html +++ b/review/main/components/textarea/code/StatesLabelAbove.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Empty</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled">
    Filled
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [disabled]="true">Disabled</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Tonality.html b/review/main/components/textarea/code/Tonality.html index 14de47edad7..438fe58e929 100644 --- a/review/main/components/textarea/code/Tonality.html +++ b/review/main/components/textarea/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">Functional</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Regular</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label">Expressive</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label">Expressive</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantHelperMessage.html b/review/main/components/textarea/code/VariantHelperMessage.html index f79fd016f63..3133ba3bc3c 100644 --- a/review/main/components/textarea/code/VariantHelperMessage.html +++ b/review/main/components/textarea/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Basic</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    Helper Message
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    Helper Message
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantLabel.html b/review/main/components/textarea/code/VariantLabel.html index 881197449e1..5204119942a 100644 --- a/review/main/components/textarea/code/VariantLabel.html +++ b/review/main/components/textarea/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Label Above</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
    Floating Label
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="hidden">
    Hidden Label
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="hidden">
    Hidden Label
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Angular.html b/review/main/components/textarea/docs/Angular.html index cdc93b6f0f4..1e5d8bbc458 100644 --- a/review/main/components/textarea/docs/Angular.html +++ b/review/main/components/textarea/docs/Angular.html @@ -1,8 +1,8 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTextareaModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTextareaModule],
    ...
    })

    Use component

    app.component.ts

    import { Component } from "@angular/core";
    @Component({
    selector: "app-root",
    templateUrl: "./app.component.html"
    })
    export class AppComponent {
    textarea = "default value";
    }

    -
    app.component.html

    <!-- app.component.html -->
    <db-textarea
    name="textarea"
    label="Textarea Controlled"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    [value]="textarea"
    (change)="textarea = $event.target.value"
    ></db-textarea>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-textarea
    name="textarea"
    label="Textarea Controlled"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    [value]="textarea"
    (change)="textarea = $event.target.value"
    ></db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/HTML.html b/review/main/components/textarea/docs/HTML.html index 468eb4394f7..dfcb2375c7c 100644 --- a/review/main/components/textarea/docs/HTML.html +++ b/review/main/components/textarea/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-textarea">
    <label for="textarea">Label</label>
    <textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-textarea">
    <label for="textarea">Label</label>
    <textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Migration.html b/review/main/components/textarea/docs/Migration.html index 492456652ab..0b8a7d79623 100644 --- a/review/main/components/textarea/docs/Migration.html +++ b/review/main/components/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variants

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    other

    -
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file +
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/React.html b/review/main/components/textarea/docs/React.html index 4575b7eb281..e5878454719 100644 --- a/review/main/components/textarea/docs/React.html +++ b/review/main/components/textarea/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBTextarea } from "@db-ui/react-components";
    const App = () => {
    const [textarea, setTextarea] = useState("default textarea");
    return (
    <DBTextarea
    label="Textarea Controlled"
    value={textarea}
    onChange={(event) => {
    setTextarea(event.target.value);
    }}
    />
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBTextarea } from "@db-ui/react-components";
    const App = () => {
    const [textarea, setTextarea] = useState("default textarea");
    return (
    <DBTextarea
    label="Textarea Controlled"
    value={textarea}
    onChange={(event) => {
    setTextarea(event.target.value);
    }}
    />
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Vue.html b/review/main/components/textarea/docs/Vue.html index 31eb9552f46..ab0cbdb69e1 100644 --- a/review/main/components/textarea/docs/Vue.html +++ b/review/main/components/textarea/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    General

    You cannot use a default value for textarea in vue. Use v-model:value or :value instead with a ref("My default value").

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBTextarea } from "@db-ui/v-components";
    const textarea = ref("default value");
    </script>
    <template>
    <DBTextarea
    label="Textarea value"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    name="textarevalue-name"
    v-model:value="textarea"
    />
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBTextarea } from "@db-ui/v-components";
    const textarea = ref("default value");
    </script>
    <template>
    <DBTextarea
    label="Textarea value"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    name="textarevalue-name"
    v-model:value="textarea"
    />
    </template>

    \ No newline at end of file diff --git a/review/main/components/textarea/examples.html b/review/main/components/textarea/examples.html index da3cf362107..a70d271d649 100644 --- a/review/main/components/textarea/examples.html +++ b/review/main/components/textarea/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/how-to-use.html b/review/main/components/textarea/how-to-use.html index 29d9670cd34..4d9ae4df1b5 100644 --- a/review/main/components/textarea/how-to-use.html +++ b/review/main/components/textarea/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/migration.html b/review/main/components/textarea/migration.html index 6be09e72599..cdef9aaee34 100644 --- a/review/main/components/textarea/migration.html +++ b/review/main/components/textarea/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/overview.html b/review/main/components/textarea/overview.html index b73872b627f..16b1a2b1c87 100644 --- a/review/main/components/textarea/overview.html +++ b/review/main/components/textarea/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/properties.html b/review/main/components/textarea/properties.html index 8ef4f3b8e18..7407d55c221 100644 --- a/review/main/components/textarea/properties.html +++ b/review/main/components/textarea/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip.html b/review/main/components/tooltip.html index f82972be343..7f6211221d8 100644 --- a/review/main/components/tooltip.html +++ b/review/main/components/tooltip.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Animations.html b/review/main/components/tooltip/code/Animations.html index 5d7ebfd531b..9d173b8f932 100644 --- a/review/main/components/tooltip/code/Animations.html +++ b/review/main/components/tooltip/code/Animations.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-14">
    Animation no delay (Default)
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" delay="slow" id="tooltip-15">
    Delay slow
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" delay="fast" id="tooltip-16">
    Delay fast
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
    No animation
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
    No animation
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Emphasis.html b/review/main/components/tooltip/code/Emphasis.html index 3b38c9f07b6..bb405feb901 100644 --- a/review/main/components/tooltip/code/Emphasis.html +++ b/review/main/components/tooltip/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-06">
    Weak (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
    Strong
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
    Strong
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Placement.html b/review/main/components/tooltip/code/Placement.html index 3e94d3d26c3..714205a66dc 100644 --- a/review/main/components/tooltip/code/Placement.html +++ b/review/main/components/tooltip/code/Placement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
    bottom-start
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom" id="tooltip-08">
    bottom (Default)
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom-end" id="tooltip-08-end">
    bottom-end
    </db-tooltip>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="right-end" id="tooltip-11-end">
    right-end
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-start" id="tooltip-09-start">
    top-start
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top" id="tooltip-09">
    top
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
    top-end
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
    top-end
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Tonality.html b/review/main/components/tooltip/code/Tonality.html index 77d8e5742a2..11b6a4d6915 100644 --- a/review/main/components/tooltip/code/Tonality.html +++ b/review/main/components/tooltip/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-01">
    functional
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-02">
    regular (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-03">
    expressive
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-03">
    expressive
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Variant.html b/review/main/components/tooltip/code/Variant.html index bcb9a56bf41..b013869f3ae 100644 --- a/review/main/components/tooltip/code/Variant.html +++ b/review/main/components/tooltip/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-04">
    With arrow (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
    Basic
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
    Basic
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Width.html b/review/main/components/tooltip/code/Width.html index ace0ca6cd06..7e2419db292 100644 --- a/review/main/components/tooltip/code/Width.html +++ b/review/main/components/tooltip/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    id="tooltip-12"
    >
    Auto (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="tooltip-13"
    >
    Fixed
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="tooltip-13"
    >
    Fixed
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Angular.html b/review/main/components/tooltip/docs/Angular.html index 8f8802dfc69..62d7807ec5b 100644 --- a/review/main/components/tooltip/docs/Angular.html +++ b/review/main/components/tooltip/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTooltipModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTooltipModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <db-tooltip id="tooltip-01">Tooltip</db-tooltip>
    </db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <db-tooltip id="tooltip-01">Tooltip</db-tooltip>
    </db-button>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/HTML.html b/review/main/components/tooltip/docs/HTML.html index 6523b346858..279bdfe322d 100644 --- a/review/main/components/tooltip/docs/HTML.html +++ b/review/main/components/tooltip/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="tooltip-01">
    Hover on me to open Tooltip
    <i class="db-tooltip" id="tooltip-01">Tooltip</i>
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="tooltip-01">
    Hover on me to open Tooltip
    <i class="db-tooltip" id="tooltip-01">Tooltip</i>
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Migration.html b/review/main/components/tooltip/docs/Migration.html index dea65947a1b..20ef56fafea 100644 --- a/review/main/components/tooltip/docs/Migration.html +++ b/review/main/components/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/React.html b/review/main/components/tooltip/docs/React.html index ed16ccc4ade..5791ac5aa6f 100644 --- a/review/main/components/tooltip/docs/React.html +++ b/review/main/components/tooltip/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBTooltip, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBTooltip, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Vue.html b/review/main/components/tooltip/docs/Vue.html index 856ac20ff09..f359f3b09c0 100644 --- a/review/main/components/tooltip/docs/Vue.html +++ b/review/main/components/tooltip/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTooltip, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTooltip, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/tooltip/examples.html b/review/main/components/tooltip/examples.html index 9312d0cf4df..d10ff830353 100644 --- a/review/main/components/tooltip/examples.html +++ b/review/main/components/tooltip/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/how-to-use.html b/review/main/components/tooltip/how-to-use.html index a58ba14b061..11fc986f945 100644 --- a/review/main/components/tooltip/how-to-use.html +++ b/review/main/components/tooltip/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/migration.html b/review/main/components/tooltip/migration.html index 1f78b5c9578..cf2db1458ef 100644 --- a/review/main/components/tooltip/migration.html +++ b/review/main/components/tooltip/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/overview.html b/review/main/components/tooltip/overview.html index 371695cc0e2..cac8d8bf72e 100644 --- a/review/main/components/tooltip/overview.html +++ b/review/main/components/tooltip/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/properties.html b/review/main/components/tooltip/properties.html index addb7517f6a..e78a1c0a7c4 100644 --- a/review/main/components/tooltip/properties.html +++ b/review/main/components/tooltip/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/colors/overview.html b/review/main/foundations/colors/overview.html index 7c6f12c0737..19159cec07e 100644 --- a/review/main/foundations/colors/overview.html +++ b/review/main/foundations/colors/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/colors/readme.html b/review/main/foundations/colors/readme.html index 3223e570bcc..eae39ca57dd 100644 --- a/review/main/foundations/colors/readme.html +++ b/review/main/foundations/colors/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/custom-icons.html b/review/main/foundations/icons/custom-icons.html index 487c152cf38..040e3eb2d37 100644 --- a/review/main/foundations/icons/custom-icons.html +++ b/review/main/foundations/icons/custom-icons.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/overview.html b/review/main/foundations/icons/overview.html index f566cbadb3e..7b9d5ced4bd 100644 --- a/review/main/foundations/icons/overview.html +++ b/review/main/foundations/icons/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/readme.html b/review/main/foundations/icons/readme.html index 4f03abf7667..bf1b5ef1ea9 100644 --- a/review/main/foundations/icons/readme.html +++ b/review/main/foundations/icons/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/readme.html b/review/main/foundations/readme.html index 1bb9b74175f..c024230caec 100644 --- a/review/main/foundations/readme.html +++ b/review/main/foundations/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/examples.html b/review/main/foundations/tonalities/examples.html index d05fa189648..7ddea7d7139 100644 --- a/review/main/foundations/tonalities/examples.html +++ b/review/main/foundations/tonalities/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/readme.html b/review/main/foundations/tonalities/readme.html index d51a37e8edd..c2f6994eef8 100644 --- a/review/main/foundations/tonalities/readme.html +++ b/review/main/foundations/tonalities/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/variables/examples.html b/review/main/foundations/variables/examples.html index 9a5d25cf082..cc94d640a80 100644 --- a/review/main/foundations/variables/examples.html +++ b/review/main/foundations/variables/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/variables/readme.html b/review/main/foundations/variables/readme.html index 892e207399b..9d121d67340 100644 --- a/review/main/foundations/variables/readme.html +++ b/review/main/foundations/variables/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/iframe.html b/review/main/iframe.html index 44bebe8b09e..0b0d799ce95 100644 --- a/review/main/iframe.html +++ b/review/main/iframe.html @@ -1 +1 @@ -
    Wrong format
    \ No newline at end of file +
    Wrong format
    \ No newline at end of file diff --git a/review/main/index.html b/review/main/index.html index d6753bb50aa..52b8980b8ef 100644 --- a/review/main/index.html +++ b/review/main/index.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file