{"html":"\u003c!DOCTYPE html\u003e\u003chtml lang=\"fr_CA\" hydrated=\"\"\u003e\u003chead\u003e\u003cmeta http-equiv=\"origin-trial\" content=\"A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==\"\u003e\u003cstyle class=\"vjs-styles-defaults\"\u003e\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid:not(.vjs-audio-only-mode) {\n        padding-top: 56.25%\n      }\n    \u003c/style\u003e\n    \u003ctitle\u003eAccueil | Vieux presbytère de Batiscan\u003c/title\u003e\n    \u003cmeta charset=\"utf-8\"\u003e\u003cstyle data-styles=\"\"\u003eslot-fb{display:contents}slot-fb[hidden]{display:none}msg-plugin-market-color-swatch-list,msg-plugin-market-accessory,msg-plugin-market-accordion-item,msg-plugin-market-action-card,msg-plugin-market-activity-indicator,msg-plugin-market-activity-indicator-bar,msg-plugin-market-banner,msg-plugin-market-blade,msg-plugin-market-button,msg-plugin-market-button-dropdown,msg-plugin-market-button-group,msg-plugin-market-checkbox,msg-plugin-market-choice-button,msg-plugin-market-code-display,msg-plugin-market-code-input,msg-plugin-market-color-picker,msg-plugin-market-color-picker-gradient,msg-plugin-market-color-picker-input,msg-plugin-market-content-card,msg-plugin-market-context,msg-plugin-market-context-manager,msg-plugin-market-date-picker,msg-plugin-market-date-picker-date,msg-plugin-market-date-picker-input-date,msg-plugin-market-date-picker-menu,msg-plugin-market-dialog,msg-plugin-market-divider,msg-plugin-market-drag-handle,msg-plugin-market-dropdown,msg-plugin-market-empty-state,msg-plugin-market-field,msg-plugin-market-file-upload,msg-plugin-market-filter,msg-plugin-market-filter-button,msg-plugin-market-filter-dropdown-menu,msg-plugin-market-filter-group,msg-plugin-market-footer,msg-plugin-market-header,msg-plugin-market-icon,msg-plugin-market-inline-section-header,msg-plugin-market-inline-status,msg-plugin-market-input-password,msg-plugin-market-input-search,msg-plugin-market-input-text,msg-plugin-market-link,msg-plugin-market-list,msg-plugin-market-modal-full,msg-plugin-market-modal-partial,msg-plugin-market-pagination,msg-plugin-market-pagination-nav,msg-plugin-market-pagination-page-size,msg-plugin-market-pill,msg-plugin-market-popover,msg-plugin-market-progress-tracker,msg-plugin-market-progress-tracker-step,msg-plugin-market-qrcode,msg-plugin-market-radio,msg-plugin-market-row,msg-plugin-market-segment,msg-plugin-market-segmented-control,msg-plugin-market-select,msg-plugin-market-sheet,msg-plugin-market-stepper,msg-plugin-market-tab,msg-plugin-market-tab-list,msg-plugin-market-tab-panel,msg-plugin-market-table,msg-plugin-market-table-area,msg-plugin-market-table-cell,msg-plugin-market-table-column,msg-plugin-market-table-row,msg-plugin-market-table-v2,msg-plugin-market-table-v2-cell,msg-plugin-market-table-v2-group,msg-plugin-market-table-v2-row,msg-plugin-market-tabs,msg-plugin-market-tag,msg-plugin-market-textarea,msg-plugin-market-tile,msg-plugin-market-toast,msg-plugin-market-toaster,msg-plugin-market-toggle,msg-plugin-market-tooltip,msg-plugin-market-color-swatch{visibility:hidden}[hydrated]{visibility:inherit}\u003c/style\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\"\u003e\n    \u003cmeta name=\"generator\" content=\"Square Online\"\u003e\n    \u003clink rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/square.ico\"\u003e\n    \u003clink rel=\"preload\" href=\"https://cdn3.editmysite.com/app/website/css/site.b6de8e89515f8c17aa66.css\" as=\"style\"\u003e\n\n    \u003cstyle\u003e\n        .loading-view {\n            width: 100vw;\n            height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: fixed;\n            top: 0;\n            left: 0;\n            z-index: 100;\n        }\n\n        .loading-container {\n            width: 62px;\n            height: 54px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            grid-gap: 12px;\n        }\n\n        @media (min-width: 840px) {\n            .loading-container {\n                width: 72px;\n                height: 54px;\n                grid-gap: 12px;\n            }\n        }\n\n        .dot-container {\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(#55863220, #558632);\n            /* Base64 encoded simple circle SVG /resources/assets/js/prime/src/site/components/ui/circle.svg */\n            mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDIgMiI+Cgk8Y2lyY2xlIHI9IjEiLz4KPC9zdmc+Cg==');\n            -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDIgMiI+Cgk8Y2lyY2xlIHI9IjEiLz4KPC9zdmc+Cg==');\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n            mask-size: 100% auto;\n            -webkit-mask-size: 100% auto;\n            mask-position: bottom;\n            -webkit-mask-position: bottom;\n            animation: loading-view-movement;\n            animation-delay: 0s;\n            animation-duration: 3750ms;\n            animation-iteration-count: infinite;\n            animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);\n        }\n\n        .dot-container:nth-of-type(2) {\n            animation-delay: 130ms;\n        }\n\n        .dot-container:nth-of-type(3) {\n            animation-delay: 260ms;\n        }\n\n        @keyframes loading-view-movement {\n            /* up and down for 3s, stop for 750ms */\n            0%, 27%, 54% {\n                mask-position: bottom;\n                -webkit-mask-position: bottom;\n            }\n\n            14%, 41%, 68% {\n                mask-position: top;\n                -webkit-mask-position: top;\n            }\n\n            27%, 54%, 81%, 100% {\n                mask-position: bottom;\n                -webkit-mask-position: bottom;\n            }\n        }\n    \u003c/style\u003e\n\n            \u003clink rel=\"manifest\" href=\"/manifest.webmanifest\"\u003e\n            \u003cmeta name=\"apple-mobile-web-app-capable\" content=\"yes\"\u003e\n            \u003cmeta name=\"apple-mobile-web-app-status-bar-style\" content=\"default\"\u003e\n            \u003cmeta name=\"apple-mobile-web-app-title\" content=\"Vieux presbytère de Batiscan\"\u003e\n            \u003cmeta name=\"theme-color\" content=\"#558632\"\u003e\n            \u003cmeta name=\"msapplication-TileColor\" content=\"#558632\"\u003e\n            \u003clink rel=\"apple-touch-icon\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=180\"\u003e\n            \u003cmeta name=\"msapplication-TileImage\" content=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=144\"\u003e\n            \u003clink rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=120\"\u003e\n            \u003clink rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=152\"\u003e\n            \u003clink rel=\"apple-touch-icon\" sizes=\"167x167\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=167\"\u003e\n            \u003clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/icon_180x180_ios_Mjk4Mj.png?width=180\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=750\u0026amp;height=1334\u0026amp;fit=crop\" media=\"(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1242\u0026amp;height=2208\u0026amp;fit=crop\" media=\"(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1125\u0026amp;height=2436\u0026amp;fit=crop\" media=\"(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=828\u0026amp;height=1792\u0026amp;fit=crop\" media=\"(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1242\u0026amp;height=2688\u0026amp;fit=crop\" media=\"(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1170\u0026amp;height=2532\u0026amp;fit=crop\" media=\"(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1284\u0026amp;height=2778\u0026amp;fit=crop\" media=\"(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1536\u0026amp;height=2048\u0026amp;fit=crop\" media=\"(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1620\u0026amp;height=2160\u0026amp;fit=crop\" media=\"(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1668\u0026amp;height=2224\u0026amp;fit=crop\" media=\"(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=1668\u0026amp;height=2388\u0026amp;fit=crop\" media=\"(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)\"\u003e\n            \u003clink rel=\"apple-touch-startup-image\" href=\"/uploads/b/07cc3580-7d8a-11ed-b2bc-6df4141a5f07/splash_2048x4435_NjU3Nz.jpg?width=2048\u0026amp;height=2732\u0026amp;fit=crop\" media=\"(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)\"\u003e\n    \n                        \n            \n    \n        \u003cscript type=\"text/javascript\" async=\"\" charset=\"utf-8\" src=\"https://www.gstatic.com/recaptcha/releases/TnA7HacJFoDyljdc3L82L3Rh/recaptcha__en.js\" crossorigin=\"anonymous\" integrity=\"sha384-BzR1KsTgQlBYM6f2zBvowklwbhqpOnnspbOTaQKeAnJ5VVF0uPvnM53ZW+Z2zTQd\"\u003e\u003c/script\u003e\u003cscript id=\"snowday-script\" async=\"\" src=\"https://cdn3.editmysite.com/app/website/static/js/wsnbn/snowday262.js\"\u003e\u003c/script\u003e\u003cscript defer=\"\" src=\"https://cdn3.editmysite.com/app/checkout/assets/checkout/system.c3b89b0b94f4ef0671b1.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \n    \n        \u003cscript type=\"systemjs-importmap\" src=\"https://cdn3.editmysite.com/app/checkout/assets/checkout/imports.en.dd04b69610145a0a.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \n    \n            \u003cscript type=\"systemjs-importmap\" src=\"https://cdn3.editmysite.com/app/checkout/assets/checkout/locale-imports-map.05134b1b5d18f310.json\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \n    \n    \u003cscript defer=\"\" type=\"text/javascript\" src=\"https://cdn3.editmysite.com/app/website/js/runtime.83a1d75d36254698d589.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \u003cscript defer=\"\" type=\"text/javascript\" src=\"https://cdn3.editmysite.com/app/website/js/vue-modules.4a41b3ba298bf4563d97.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \u003cscript defer=\"\" type=\"text/javascript\" src=\"https://cdn3.editmysite.com/app/website/js/languages/fr_CA.2064338541754325c3b1.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n    \u003cscript defer=\"\" type=\"text/javascript\" src=\"https://cdn3.editmysite.com/app/website/js/site.d638c6e5f5af38e16210.js\" data-cookieconsent=\"ignore\"\u003e\u003c/script\u003e\n\n    \n    \u003cmeta property=\"og:type\" content=\"website\"\u003e\n    \n    \u003cscript data-cookieconsent=\"ignore\"\u003e\n        window.dataLayer = window.dataLayer || [];\n        function gtag(){dataLayer.push(arguments);}\n        gtag('js', new Date());\n    \u003c/script\u003e\n\n            \n    \n    \u003c!--square-online-feature-flags--\u003e\n\u003cscript type=\"application/javascript\" data-cookieconsent=\"ignore\" data-role=\"square-online-featureflags\"\u003e\n    window.__DYNAMIC_BOOTSTRAP__ ??= {};\n\n    Object.assign(window.__DYNAMIC_BOOTSTRAP__, {\n        featureFlags: {\"ecom.website.deprecated-layouts\":false,\"marketing-enable-drive-repeat-purchase-campaign\":true,\"ecom.website.facebook-food\":true,\"ecom.website.theme-export\":false,\"ecom.website.chamber-via-fastly\":true,\"ecom.square-online-published-catalog-cache-version\":\"2026-03-25\",\"ecom.checkout.open_tabs\":true,\"ecom.website.photo-reviews\":true,\"ecom.checkout.cmi-sentry-integration\":true,\"ecom.checkout.cmi.bootstrap-tracking-snowplow\":true,\"ecom.checkout.cmi.bootstrap-tracking-ga\":true,\"ecom.website.order-confirmation-page.website-redirect\":true,\"ecom-neighborhoods-order-confirmation-banner\":false,\"ecom.checkout.cmi.locale-view-splitting\":true,\"ecom.checkout.open_tabs_gc_coupon\":true,\"ecom.cmi-cart\":true,\"ecom.checkout.cmi.theme-fonts\":false,\"ecom-fulfillment-api-v-2\":false,\"ecom.omnichannel-discounts-frontend\":true,\"ecom.omnichannel-discounts-category-api\":false,\"ecom-improved-tipping-experience\":true,\"ecom.splash.loyalty\":false,\"ecom.website.published-site.datadog-rum\":true,\"ecom.website.editor.datadog-rum\":true,\"ecom-website-published-site-datadog-rum-bot-filter\":true,\"ecom-use-tracking-inventory\":false,\"ecom.image-controls.width-fix\":true,\"ecom.gradient-backgrounds\":true,\"ecom.website.form-fraud-blocking\":true,\"ecom.website.form-fraud-auto-ban\":true,\"ecom.website.code-editor\":false,\"ecom.shopping.pdp-layouts-m1\":true,\"ecom.chamber.subscriptions\":true,\"ecom.tuba.subscriptions-paid-shipping-rates\":true,\"ecom-cko-enhanced-logging\":true,\"ecom-cko-unified-logging\":true,\"ecom.shopping.so-coupons-sunset-integrations\":true,\"ecom.order-online-text-layouts\":true,\"ecom.appointment-improvements\":true,\"ecom.appointment-improvements-m2\":true,\"ecom.tuba.committed-inventory-m1\":true,\"ecom.splash-improvements\":true,\"ecom-themes-onboarding\":true,\"ecom.shopping.featured-categories-paid-layouts\":true,\"ecom.website.ai-text.short-form\":false,\"ecom.website.ai-text.long-form\":false,\"ecom.website.metered-request.override\":false,\"ecom.website.async-create-theme\":false,\"ecom.can_use_cart_sharing\":true,\"ecom.website.ai.editor-prototype\":false,\"ecom.website.ai.page-seo\":false,\"ecom.appointment-direct-booking\":true,\"ecom-service-cutover-fe-request-augmentations\":true,\"ecom-order-again-prefer-square\":true,\"ecom.catalog.so-item-library-deprecation-3\":true,\"ecom.kiosk-photo-card\":true,\"ecom.website.system-page.cart\":false,\"ecom-enable-kiosk-large-catalog-layout\":false,\"ecom-hide-instagram\":true,\"ecom-hide-instagram-on-published-sites\":false,\"ecom-enable-kiosk-item-preloading\":true,\"ecom-brand-api-sync\":true,\"ecom.service-cutover.enable-tuba-traffic\":true,\"ecom-show-order-online\":true,\"websdk-use-new-afterpay-buttons\":false,\"ecom-checkout-should-check-is-decouple-checkout\":true,\"ecom-prime-use-store-info-v29\":true,\"ecom-checkout-force-pci-compliance\":false,\"ecom-website-hide-food-beverage-themes\":false,\"ecom-website-fix-dine-in-location-selection\":true,\"ecom-combo-slot-include-hidden-items\":false},\n    });\n\u003c/script\u003e\n\u003c!--end-square-online-feature-flags--\u003e\n\n    \u003cscript type=\"application/javascript\" data-cookieconsent=\"ignore\"\u003e\n        window.__BOOTSTRAP_STATE__ = {\"siteData\":{\"site\":{\"id\":\"07cc3580-7d8a-11ed-b2bc-6df4141a5f07\",\"properties\":{\"classicSiteID\":\"159013889341305897\",\"catalogSiteId\":\"159013889341305897\",\"selectedVertical\":\"other\",\"verticalV4\":\"charity-event\",\"language\":\"fr_CA\",\"squareMerchantId\":\"KKSDGNVSB89RQ\",\"siteCatalogVersion\":\"8a21a72f-b37a-4540-a249-519355844ae1\",\"appSiteCartNativePayControlGroup\":false,\"appSiteCartNativePayTestGroup\":false,\"isKioskSite\":false,\"squareSyncUserId\":\"cd3fd343-db4c-49bc-b480-eca507e88061\",\"isServiceCutoverEnabled\":true,\"skippedItemSync\":false,\"migratedSquareOnlineSiteToMenus\":false,\"onboarded\":{\"guidance\":{\"version\":\"1\",\"complete\":true,\"welcomeComplete\":true,\"instagramMiniSiteTipDismissed\":false,\"ostEditSitePreviewTipDismissed\":false,\"guidanceMobileTrafficDismissedCount\":2},\"backendOnboarding\":true,\"isSiteDesignOnboarded\":true,\"isAdcAnnouncementDismissed\":true,\"isFontsAnnouncementDismissed\":true,\"isVideoBannerAnnouncementDismissed\":true,\"isScrollingTextAnnouncementDismissed\":true,\"isCustomizationDiscoverabilityDismissed\":true},\"publishedAt\":1783454797,\"site_versions\":{\"editor\":{\"v0\":\"08309df0-7d8a-11ed-bb36-156974d64d75\",\"v1\":\"e94328d0-7fbc-11ed-88ad-93f4f5a111a5\",\"v2\":\"e94b2780-7fbc-11ed-afab-6b5338f89453\",\"v3\":\"e95115d0-7fbc-11ed-bf8d-6f4196ec6816\",\"v4\":\"e95847b0-7fbc-11ed-9ace-cb81512f0e7b\",\"v5\":\"e95f2640-7fbc-11ed-9f33-e570c10b59e3\",\"v6\":\"be21b190-d009-11ed-93c9-af6033ebf61a\",\"v7\":\"3e43f9d0-1cf9-11ee-961b-bf5b94045554\",\"v8\":\"5e12b3f0-8948-11ee-89c5-b58ee53a39db\"},\"published\":{\"v5\":\"545a10c0-7fdb-11ed-b3a9-373c6b0cd699\",\"v6\":\"839dac50-151d-11ee-8a7a-fd736958b70a\",\"v7\":\"8d0b3240-4296-11ee-9a0f-7da424702504\",\"v8\":\"f38e97b0-6478-11ee-aceb-4fa9617ac1b5\"}},\"siteIconSettings\":{\"updatedAt\":1730990331,\"splash_images\":{\"config\":{\"size\":\"2048\",\"radius\":0,\"fontPath\":\"\\/var\\/www\\/public\\/static\\/fonts\\/Rock Salt\\/rock-salt-v18-latin-regular.woff\",\"iconType\":\"free\",\"imageUrl\":null,\"language\":\"fr_CA\",\"siteTitle\":\"Vieux presbyt\\u00e8re de Batiscan\",\"customColor\":\"#558632\",\"primaryColor\":\"#558632\",\"contrastColor\":\"#ffffff\"},\"2048x4435\":\"\\/uploads\\/b\\/07cc3580-7d8a-11ed-b2bc-6df4141a5f07\\/splash_2048x4435_NjU3Nz.jpg\"},\"ios_icon_images\":{\"config\":{\"size\":\"180\",\"radius\":0,\"fontPath\":\"\\/var\\/www\\/public\\/static\\/fonts\\/Rock Salt\\/rock-salt-v18-latin-regular.woff\",\"iconType\":\"free\",\"imageUrl\":null,\"language\":\"fr_CA\",\"siteTitle\":\"Vieux presbyt\\u00e8re de Batiscan\",\"customColor\":\"#558632\",\"primaryColor\":\"#558632\",\"contrastColor\":\"#ffffff\"},\"180x180\":\"\\/uploads\\/b\\/07cc3580-7d8a-11ed-b2bc-6df4141a5f07\\/icon_180x180_ios_Mjk4Mj.png\"},\"android_icon_images\":{\"config\":{\"size\":\"512\",\"radius\":256,\"fontPath\":\"\\/var\\/www\\/public\\/static\\/fonts\\/Rock Salt\\/rock-salt-v18-latin-regular.woff\",\"iconType\":\"free\",\"imageUrl\":null,\"language\":\"fr_CA\",\"siteTitle\":\"Vieux presbyt\\u00e8re de Batiscan\",\"customColor\":\"#558632\",\"primaryColor\":\"#558632\",\"contrastColor\":\"#ffffff\"},\"512x512\":\"\\/uploads\\/b\\/07cc3580-7d8a-11ed-b2bc-6df4141a5f07\\/icon_512x512_android_MzMzMT.png\"}},\"selectedDeviceView\":\"desktop\",\"domain\":{\"custom_domain\":\"\",\"subdomain\":\"presbytere-batiscan.square.site\",\"site_id\":159013889341305897}}},\"pagesMeta\":[{\"id\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\",\"name\":\"Accueil\",\"route\":\"accueil\",\"title\":\"Accueil\",\"featureType\":null,\"description\":\"\",\"hidden\":false}],\"customPagesMeta\":[],\"artifactsMeta\":[],\"snapshot\":{\"id\":\"5c3d3dd0-7a3f-11f1-b8f3-47b118ccab9d\",\"site_id\":\"07cc3580-7d8a-11ed-b2bc-6df4141a5f07\",\"properties\":{\"logo\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/2009 VP Logo_1671468560.jpg\",\"color\":{\"primaryColor\":\"#558632\",\"colorProfiles\":[{\"id\":\"custom-profile\",\"link\":\"--color-secondary-midnight-red-wFMdJB\",\"name\":\"Custom\",\"label\":\"--color-secondary-midnight-red-wFMdJB\",\"title\":\"--color-secondary-midnight-red-wFMdJB\",\"paragraph\":\"--color-secondary-midnight-red-wFMdJB\",\"background\":\"--color-secondary-midnight-red-dHteAm\",\"buttonOutline\":\"--color-secondary-midnight-red-wFMdJB\",\"buttonFilledBg\":\"--color-secondary-midnight-red-wFMdJB\",\"buttonFilledText\":\"--primary-contrast-color\"},{\"id\":\"primary-muted-bold\",\"link\":\"--primary-subtle-dark\",\"name\":\"Muted bold\",\"label\":\"--primary-bright-dark\",\"title\":\"--primary-bright-light\",\"paragraph\":\"--primary-bright-light\",\"background\":\"--primary-color\",\"buttonOutline\":\"--primary-subtle-light\",\"buttonFilledBg\":\"--color-white\",\"buttonFilledText\":\"--primary-contrast-color\"},{\"id\":\"primary-dark-bold\",\"link\":\"--color-secondary-midnight-red-dHteAm\",\"name\":\"Dark bold\",\"label\":\"--color-secondary-midnight-red-dHteAm\",\"title\":\"--color-secondary-midnight-red-dHteAm\",\"paragraph\":\"--color-secondary-midnight-red-dHteAm\",\"background\":\"--primary-color\",\"buttonOutline\":\"--color-secondary-midnight-red-dHteAm\",\"buttonFilledBg\":\"--color-secondary-midnight-red-dHteAm\",\"buttonFilledText\":\"--primary-contrast-color\"},{\"id\":\"primary-light-neutral\",\"link\":\"--primary-color\",\"name\":\"Light Neutral\",\"label\":\"--color-black\",\"title\":\"--color-black\",\"paragraph\":\"--color-black\",\"background\":\"--color-secondary-midnight-red-dHteAm\",\"buttonOutline\":\"--primary-color\",\"buttonFilledBg\":\"--primary-color\",\"buttonFilledText\":\"--primary-contrast-color\"},{\"id\":\"primary-light-bold\",\"link\":\"--color-secondary-midnight-red-dHteAm\",\"name\":\"Light bold\",\"label\":\"--color-secondary-midnight-red-dHteAm\",\"title\":\"--color-secondary-midnight-red-dHteAm\",\"paragraph\":\"--color-secondary-midnight-red-dHteAm\",\"background\":\"--primary-color\",\"buttonOutline\":\"--color-secondary-midnight-red-dHteAm\",\"buttonFilledBg\":\"--color-secondary-midnight-red-dHteAm\",\"buttonFilledText\":\"--primary-contrast-color\"}],\"secondaryColors\":[{\"id\":\"--color-secondary-midnight-red-dHteAm\",\"value\":\"#f8f3e7\"},{\"id\":\"--color-secondary-midnight-red-wFMdJB\",\"value\":\"#245607\"},{\"id\":\"--color-secondary-iaIGnM\",\"value\":\"#ffffff\"}],\"siteColorProfile\":\"custom-profile\"},\"fonts\":{\"fontSize\":{\"scale\":1.12,\"baseSize\":14}},\"icons\":{\"preset\":\"flat-solid\"},\"title\":\"Vieux presbyt\\u00e8re de Batiscan\",\"shapes\":{\"cardBorderRadius\":\"8px\",\"badgeBorderRadius\":\"20px\",\"imageBorderRadius\":\"16px\",\"buttonBorderRadius\":\"100px\",\"defaultBorderRadius\":\"8px\"},\"social\":[{\"icon\":\"email\",\"user\":\"info@recitsquifontjaser.com\",\"selected\":true},{\"icon\":\"facebook\",\"user\":\"vieuxpresbyterebatiscan\",\"selected\":true},{\"icon\":\"instagram\",\"user\":\"\",\"selected\":false},{\"icon\":\"linkedin\",\"user\":\"\",\"selected\":false},{\"icon\":\"pinterest\",\"user\":\"\",\"selected\":false},{\"icon\":\"snapchat\",\"user\":\"\",\"selected\":false},{\"icon\":\"tiktok\",\"user\":\"\",\"selected\":false},{\"icon\":\"twitter\",\"user\":\"\",\"selected\":false},{\"icon\":\"vimeo\",\"user\":\"\",\"selected\":false},{\"icon\":\"yelp\",\"user\":\"\",\"selected\":false},{\"icon\":\"youtube\",\"user\":\"\",\"selected\":false}],\"fontset\":{\"name\":\"sqmarket\",\"version\":\"0.1.0\",\"overrides\":{}},\"spacing\":{\"siteWidth\":1400,\"siteMargin\":56},\"fontPair\":{\"id\":\"cherry-swash--zilla-slab\"},\"homepage\":{\"type\":\"page\",\"typeID\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\"},\"routeMap\":{\"\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\",\"accueil\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\"},\"styleset\":{\"name\":\"square\",\"version\":\"0.1.0\"},\"framework\":{\"name\":\"birdseye\",\"version\":\"0.1.0\"},\"onboarded\":false,\"blocksMeta\":{\"08340860-7d8a-11ed-a9d7-e13dc1221228\":\"mVaxqs\",\"08340861-7d8a-11ed-a9d7-e13dc1221228\":\"QksgLY\",\"08340862-7d8a-11ed-a9d7-e13dc1221228\":\"sJdIkr\",\"08340863-7d8a-11ed-a9d7-e13dc1221228\":\"jHUsCN\",\"08340864-7d8a-11ed-a9d7-e13dc1221228\":\"ihrbXm\",\"08b0d981-7d8a-11ed-a9d7-e13dc1221228\":\"fkdpLC\",\"08b21203-7d8a-11ed-a9d7-e13dc1221228\":\"FmzABq\",\"08b21204-7d8a-11ed-a9d7-e13dc1221228\":\"kjJQVu\",\"0f2e5651-7fd5-11ed-93d2-431a66588096\":\"wpgrCG\",\"629b6d61-4e0d-11f0-ae48-533bdebca585\":\"gmCJZY\"},\"components\":{\"badges\":{\"styles\":{\"primary\":{\"color\":\"#000000\",\"shape\":{\"label\":\"pill\"}},\"tertiary\":{\"color\":\"#041f2c\"}}}},\"footerLogo\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\",\"headerLogo\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\",\"navigation\":[{\"link\":{\"page\":{\"pageID\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\"}},\"type\":\"page\"}],\"textStyles\":{\"body\":{\"url\":null,\"fontId\":\"courier-prime\",\"weight\":\"400\",\"fontName\":\"Courier Prime\",\"provider\":\"custom\",\"fontFormat\":null},\"label\":{\"url\":null,\"fontId\":\"courier-prime\",\"weight\":\"400\",\"fontName\":\"Courier Prime\",\"provider\":\"custom\",\"fontFormat\":null},\"title\":{\"url\":null,\"fontId\":\"rock-salt\",\"weight\":\"400\",\"fontName\":\"Rock Salt\",\"provider\":\"google\",\"fontFormat\":null},\"headline\":{\"url\":null,\"fontId\":\"rock-salt\",\"weight\":\"400\",\"fontName\":\"Rock Salt\",\"provider\":\"google\",\"fontFormat\":null}},\"buttonstyle\":\"squared\",\"customFonts\":[],\"featuresets\":[\"retail\"],\"themePreset\":{\"id\":\"imperfect-light-handwriting-parchment-navy\",\"savedAt\":1730989084918},\"contentAreas\":{\"cart\":{\"id\":\"083bf7a6-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08340863-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"layout\":\"cart-1\",\"purpose\":\"cart@^1.3.6\",\"elements\":[{\"id\":\"083bf7a0-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"text\",\"properties\":{}}],\"properties\":{\"shortID\":\"jHUsCN\"}}},\"footer\":{\"id\":\"088c6190-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08340860-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"hidden\":false,\"layout\":\"footer-7\",\"purpose\":\"footer\",\"elements\":[{\"id\":\"088c3a84-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"logo\",\"properties\":{\"link\":{\"tab\":false,\"link\":{\"external\":\"http:\\/\\/presbytere-batiscan.com\"},\"type\":\"external\"},\"name\":\"2023 VP hori sf 2022-1..._06.png\",\"type\":\"logo-image-override\",\"scale\":86,\"original\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\",\"cropOptions\":null,\"logoDimensions\":{\"width\":2296,\"height\":879}}},{\"id\":\"088c3a85-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"text\",\"properties\":{\"hidden\":false}},{\"id\":\"088c3a86-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"social\",\"properties\":{}},{\"id\":\"088c3a83-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"cookie-management-settings\",\"properties\":{}},{\"id\":\"088c3a87-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"newsletter\",\"properties\":{\"type\":\"subscription\",\"fields\":[{\"id\":\"4c62bf00-a037-11ef-b488-41515355a6d4\",\"type\":\"action-input\",\"label\":\"\",\"required\":true,\"properties\":{},\"instructions\":\"\"}],\"schema\":{\"id\":\"4c630d20-a037-11ef-b488-41515355a6d4\",\"hash\":\"4093b3f48d4946b63172c58eaa075b32\"}}}],\"properties\":{\"shortID\":\"mVaxqs\",\"background\":{\"type\":\"default\"},\"navigation\":{\"hidden\":true},\"colorProfile\":\"custom-profile\",\"paymentMethods\":{\"hidden\":false},\"newsletterTitle\":{\"hidden\":true}}}},\"header\":{\"id\":\"083bf7a4-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08340861-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"hidden\":false,\"layout\":\"header-5\",\"purpose\":\"header\",\"elements\":[{\"id\":\"083bd090-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"logo\",\"properties\":{\"link\":{\"tab\":false,\"link\":{\"external\":\"http:\\/\\/presbytere-batiscan.com\"},\"type\":\"external\"},\"name\":\"2023 VP hori sf 2022-1..._06.png\",\"type\":\"logo-image-override\",\"scale\":59,\"original\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\",\"cropOptions\":null,\"logoDimensions\":{\"width\":2296,\"height\":879}}},{\"id\":\"083bd091-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"social\",\"properties\":{}},{\"id\":\"083bd092-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"navigation\",\"properties\":{\"hidden\":true}},{\"id\":\"083bd093-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"hamburger\",\"properties\":{}},{\"id\":\"083bd094-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"cart\",\"properties\":{}}],\"properties\":{\"shortID\":\"QksgLY\",\"iconColor\":\"--color-secondary-soft-green-QrlqFY\",\"textAlign\":\"\",\"background\":{\"type\":\"default\"},\"actionButton\":{\"hidden\":true,\"presetStyle\":\"secondary\"},\"colorProfile\":\"\",\"headerScroll\":\"sticky\",\"disableSearch\":false}}},\"navMobile\":{\"id\":\"083bf7a5-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08340862-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"layout\":\"navigation-mobile\",\"purpose\":\"nav-mobile@^1.2.1\",\"elements\":[{\"id\":\"083bd095-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"navigation\",\"properties\":{}},{\"id\":\"083bd096-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"close\",\"properties\":{}},{\"id\":\"083bd097-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"social\",\"properties\":{}}],\"properties\":{\"shortID\":\"sJdIkr\"}}},\"freeFooter\":{\"id\":\"083bf7a7-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08340864-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"layout\":\"free-footer-1\",\"purpose\":\"free-footer@^1.0.0\",\"elements\":[],\"properties\":{\"bgColor\":\"light\",\"shortID\":\"ihrbXm\"}}}},\"pageOverrides\":{},\"pageTemplates\":{\"product\":\"5c403080-7a3f-11f1-b58a-2b829ba41c69\",\"shopAll\":\"5c4000a0-7a3f-11f1-b874-234da65a53c3\",\"category\":\"5c4000a0-7a3f-11f1-b874-234da65a53c3\",\"leaveReview\":\"5c3fd3e0-7a3f-11f1-8bc4-e5a6fad977f7\",\"orderOnline\":\"5c3f8d80-7a3f-11f1-85c1-ab078acbaefe\",\"instagramFeed\":\"5c3f4b60-7a3f-11f1-a193-7f4010f49189\",\"searchResults\":\"5c4000a0-7a3f-11f1-b874-234da65a53c3\"},\"componentStyles\":{\"buttons\":{\"primary\":{\"shape\":{\"label\":\"pill\",\"value\":\"100px\"},\"fillColor\":\"#041f2c\",\"fillStyle\":\"fill\"}}},\"fontFamilyHistory\":{\"body\":[\"taviraj\",\"inter\",\"work-sans\"],\"label\":[\"taviraj\",\"inter\",\"work-sans\"],\"title\":[\"vampiro-one\",\"pacifico\",\"molle\"],\"headline\":[\"vampiro-one\",\"pacifico\",\"molle\"]}},\"version\":8},\"user\":{\"id\":137149695,\"properties\":{\"isSquareSyncUser\":true,\"country\":\"CA\"}},\"billingFeatures\":{\"billingFeatures\":{\"embed_restricted_widgets\":false,\"com_gifting\":false,\"com_authorizenet_payment\":false,\"com_digital_products\":true,\"com_coupons\":true,\"com_product_reviews\":false,\"com_product_limit\":-1,\"popup_announcement\":true,\"popup_coupons\":false,\"popup_lead_capture\":true,\"community_support\":true,\"free_ssl_security\":true,\"custom_domain_connection\":false,\"advanced_site_stats\":false,\"password_protection\":false,\"video_backgrounds\":false,\"hd_video_and_audio\":false,\"membership_registration\":false,\"membership_settings\":false,\"online_store\":true,\"accept_paypal_payments\":false,\"product_badges\":true,\"product_modifiers\":true,\"in_store_pickup\":true,\"shipping_calculator\":true,\"chat_and_email_support\":true,\"phone_support\":true,\"priority_support\":false,\"advanced_ecommerce_stats\":false,\"seo\":true,\"unlimited_storage\":false,\"members\":0,\"abandoned_cart_emails\":false,\"integrated_shipping_labels\":true,\"tax_calculator\":true,\"no_weebly_ads\":false,\"site_search\":false,\"product_search\":true,\"square_gift_cards\":true,\"inventory_management\":true,\"integrated_facebook_ads\":false,\"real_time_shipping_calculator\":false,\"age_confirmation\":true,\"square_processing_rate_id\":\"ECOM_SOS_FREE\",\"square_processing_rate_display\":{\"USD\":[{\"percent\":\"3.3\",\"flat\":30,\"type\":\"all\"}],\"AUD\":[{\"percent\":\"2.2\",\"flat\":0,\"type\":\"all\"}],\"CAD\":[{\"percent\":\"2.8\",\"flat\":30,\"type\":\"all\"}],\"EUR\":[{\"percent\":\"1.4\",\"flat\":25,\"type\":\"intra-eu\"},{\"percent\":\"2.9\",\"flat\":25,\"type\":\"non-eu\"}],\"GBP\":[{\"percent\":\"1.4\",\"flat\":25,\"type\":\"intra-eu\"},{\"percent\":\"2.5\",\"flat\":25,\"type\":\"non-eu\"}],\"JPY\":[{\"percent\":\"3.6\",\"flat\":0,\"type\":\"non-jcb\"},{\"percent\":\"3.6\",\"flat\":0,\"type\":\"jcb\"}]},\"favicon_customization\":true,\"site_code_customization\":false,\"instagram_feed_tagging\":true,\"quick_shop\":true,\"scheduleEnabled\":false,\"smartGroupsEnabled\":false,\"socialAdsEnabled\":true,\"lifetimeEmails\":2,\"emailsPerMonth\":2,\"recipientsPerEmail\":500,\"recipientsPerMonth\":1000,\"automations\":0,\"automatedRecipientsPerMonth\":0,\"enabledLeadFormTypes\":[\"popup\"],\"allowsPurchasingCredits\":false,\"insights_overview\":false,\"insights_sales\":false,\"insights_products\":false,\"custom_fonts\":false,\"com_shipping_settings\":true,\"com_manage_gift_cards\":true,\"com_create_shipping_label_discount\":true,\"customer_accounts\":true,\"com_stripe_payment\":false,\"com_product_sync\":true,\"com_product_variant_limit\":-1,\"com_shipping_labels_tier\":\"weebly_cpp_tier\",\"com_transaction_fee\":\"0.00\",\"form_file_upload\":false,\"product_scheduled_actions\":false,\"custom_site_icon\":true,\"video_uploading\":0,\"buyer_customer_accounts\":false,\"personalized_order_screen\":false,\"personalized_recommendations\":false,\"easy_reordering\":true,\"self_serve_ordering\":false,\"ecom_preorders\":false,\"order_text_alerts\":false,\"time_based_categories\":true,\"advanced_order_limits\":false,\"modifier_images\":false,\"free_fulfillment_meter\":false,\"spd_fees_amount\":0,\"twenty_four_seven_support\":false,\"advanced_design_controls\":false,\"order_item_quantity_limit\":false,\"stock_media\":false,\"so_buyer_subscriptions\":false,\"item_badge_customization\":false,\"shop_all_item_layouts\":false,\"icon_sets\":false,\"banner_slides\":false,\"priority_phone_support\":false,\"pdp_layouts\":false,\"full_height_banners\":false,\"scrolling_text\":false,\"featured_item_layouts\":false,\"mega_menu\":false,\"appts_customization\":false,\"premium_text_image_layout\":false,\"featured_category_layouts\":false,\"ai_generated_content\":false,\"image_shapes\":false,\"group_ordering\":false,\"inventory_bundles\":false,\"com_square_transaction_best_discount\":false},\"isTrial\":false},\"siteFeatures\":{\"embed_restricted_widgets\":false,\"com_gifting\":false,\"com_authorizenet_payment\":false,\"com_digital_products\":true,\"com_coupons\":true,\"com_product_reviews\":false,\"com_product_limit\":-1,\"popup_announcement\":true,\"popup_coupons\":false,\"popup_lead_capture\":true,\"community_support\":true,\"free_ssl_security\":true,\"custom_domain_connection\":false,\"advanced_site_stats\":false,\"password_protection\":false,\"video_backgrounds\":false,\"hd_video_and_audio\":false,\"membership_registration\":false,\"membership_settings\":false,\"online_store\":true,\"accept_paypal_payments\":false,\"product_badges\":true,\"product_modifiers\":true,\"in_store_pickup\":true,\"shipping_calculator\":true,\"chat_and_email_support\":true,\"phone_support\":true,\"priority_support\":false,\"advanced_ecommerce_stats\":false,\"seo\":true,\"unlimited_storage\":false,\"members\":0,\"abandoned_cart_emails\":false,\"integrated_shipping_labels\":true,\"tax_calculator\":true,\"no_weebly_ads\":false,\"site_search\":false,\"product_search\":true,\"square_gift_cards\":true,\"inventory_management\":true,\"integrated_facebook_ads\":false,\"real_time_shipping_calculator\":false,\"age_confirmation\":true,\"square_processing_rate_id\":\"ECOM_SOS_FREE\",\"square_processing_rate_display\":{\"USD\":[{\"percent\":\"3.3\",\"flat\":30,\"type\":\"all\"}],\"AUD\":[{\"percent\":\"2.2\",\"flat\":0,\"type\":\"all\"}],\"CAD\":[{\"percent\":\"2.8\",\"flat\":30,\"type\":\"all\"}],\"EUR\":[{\"percent\":\"1.4\",\"flat\":25,\"type\":\"intra-eu\"},{\"percent\":\"2.9\",\"flat\":25,\"type\":\"non-eu\"}],\"GBP\":[{\"percent\":\"1.4\",\"flat\":25,\"type\":\"intra-eu\"},{\"percent\":\"2.5\",\"flat\":25,\"type\":\"non-eu\"}],\"JPY\":[{\"percent\":\"3.6\",\"flat\":0,\"type\":\"non-jcb\"},{\"percent\":\"3.6\",\"flat\":0,\"type\":\"jcb\"}]},\"favicon_customization\":true,\"site_code_customization\":false,\"instagram_feed_tagging\":true,\"quick_shop\":true,\"scheduleEnabled\":false,\"smartGroupsEnabled\":false,\"socialAdsEnabled\":true,\"lifetimeEmails\":2,\"emailsPerMonth\":2,\"recipientsPerEmail\":500,\"recipientsPerMonth\":1000,\"automations\":0,\"automatedRecipientsPerMonth\":0,\"enabledLeadFormTypes\":[\"popup\"],\"allowsPurchasingCredits\":false,\"insights_overview\":false,\"insights_sales\":false,\"insights_products\":false,\"custom_fonts\":false,\"com_shipping_settings\":true,\"com_manage_gift_cards\":true,\"com_create_shipping_label_discount\":true,\"customer_accounts\":true,\"com_stripe_payment\":false,\"com_product_sync\":true,\"com_product_variant_limit\":-1,\"com_shipping_labels_tier\":\"weebly_cpp_tier\",\"com_transaction_fee\":\"0.00\",\"form_file_upload\":false,\"product_scheduled_actions\":false,\"custom_site_icon\":true,\"video_uploading\":0,\"buyer_customer_accounts\":false,\"personalized_order_screen\":false,\"personalized_recommendations\":false,\"easy_reordering\":true,\"self_serve_ordering\":false,\"ecom_preorders\":false,\"order_text_alerts\":false,\"time_based_categories\":true,\"advanced_order_limits\":false,\"modifier_images\":false,\"free_fulfillment_meter\":false,\"spd_fees_amount\":0,\"twenty_four_seven_support\":false,\"advanced_design_controls\":false,\"order_item_quantity_limit\":false,\"stock_media\":false,\"so_buyer_subscriptions\":false,\"item_badge_customization\":false,\"shop_all_item_layouts\":false,\"icon_sets\":false,\"banner_slides\":false,\"priority_phone_support\":false,\"pdp_layouts\":false,\"full_height_banners\":false,\"scrolling_text\":false,\"featured_item_layouts\":false,\"mega_menu\":false,\"appts_customization\":false,\"premium_text_image_layout\":false,\"featured_category_layouts\":false,\"ai_generated_content\":false,\"image_shapes\":false,\"group_ordering\":false,\"inventory_bundles\":false,\"com_square_transaction_best_discount\":false},\"featureset\":{\"pages\":[\"category\",\"shopAll\"],\"quickShop\":true,\"search\":true,\"blocks\":[\"featured-products\"]},\"page\":{\"id\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\",\"site_snapshot_id\":\"5c3d3dd0-7a3f-11f1-b8f3-47b118ccab9d\",\"properties\":{\"name\":\"Accueil\",\"route\":\"accueil\",\"title\":\"Accueil\",\"description\":\"\",\"contentAreas\":{\"banner\":{\"id\":\"08b0d980-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08b0d981-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"hidden\":false,\"layout\":\"banner-1\",\"purpose\":\"banner\",\"elements\":[{\"id\":\"08b21200-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"title-1\",\"properties\":{\"id\":\"08b21200-7d8a-11ed-a9d7-e13dc1221228\",\"tag\":\"h1\",\"color\":\"var(--primary-bright-light)\",\"label\":\"Des produits uniques et abordables, sp\\u00e9cialement con\\u00e7us pour vous\",\"title\":{\"quill\":{\"ops\":[{\"insert\":\"Spectacles de musique en pleine nature!\"},{\"insert\":\"\\n\",\"attributes\":{\"block\":true}}]}},\"allCaps\":false,\"fontSize\":\"step-4\",\"textStyle\":\"headline\"}},{\"id\":\"08b21201-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"image-1\",\"properties\":{}},{\"id\":\"08b21202-7d8a-11ed-a9d7-e13dc1221228\",\"purpose\":\"button-1\",\"properties\":{\"link\":{\"tab\":false,\"link\":{\"shopAll\":true,\"external\":\"https:\\/\\/presbyterebatiscan.recitsquifontjaser.com\\/la-programmation\\/\"},\"type\":\"external\"},\"label\":\"La programmation\\n\",\"hidden\":false}}],\"properties\":{\"label\":{\"hidden\":true},\"height\":\"large\",\"shortID\":\"fkdpLC\",\"textAlign\":\"\",\"background\":{\"type\":\"image\",\"image\":{\"width\":3500,\"height\":2286,\"isDark\":true,\"source\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/IMG_6623_1781719259.jpg\",\"original\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/IMG_6623_1781719259.jpg\",\"sourceSet\":{},\"attribution\":{}},\"imageMobile\":{\"width\":3500,\"height\":2286,\"isDark\":true,\"source\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/IMG_6623_1781719259.jpg\",\"original\":\"\\/uploads\\/b\\/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e\\/IMG_6623_1781719259.jpg\",\"sourceSet\":{},\"attribution\":{}}},\"bannerImage\":{},\"colorProfile\":\"\"}}},\"userContent\":{\"id\":\"08d8faf5-7d8a-11ed-a9d7-e13dc1221228\",\"hidden\":false,\"content\":{\"id\":\"08d8faf6-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"container\",\"cells\":[{\"id\":\"08c91c70-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"cell\",\"content\":{\"id\":\"08b21204-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"hidden\":false,\"layout\":\"featured-events-stacked\",\"purpose\":\"featured-events\",\"properties\":{\"shortID\":\"kjJQVu\",\"textAlign\":\"\",\"background\":{\"type\":\"default\"},\"textConfig\":{\"content\":{\"quill\":{\"ops\":[{\"insert\":\"Vivez la finale de la coupe du monde de soccer dans le pavillon Desjardins!\\n\"}]}},\"fontSize\":\"step-0\",\"textStyle\":\"body\"},\"columnCount\":3,\"titleConfig\":{\"title\":{\"quill\":{\"ops\":[{\"insert\":\"La finale du beau jeu !\"},{\"insert\":\"\\n\",\"attributes\":{\"block\":true}}]}},\"allCaps\":false,\"content\":\"\\u00c9v\\u00e9nements phares\",\"fontSize\":\"medium\",\"textStyle\":\"title\"},\"colorProfile\":\"\",\"columnSpacing\":\"medium\",\"eventTextConfig\":{\"hidden\":false},\"eventImageConfig\":{\"primaryImages\":{\"event_130\":\"\\/uploads\\/1\\/3\\/7\\/1\\/137149695\\/s159013889341305897_p130_i2_w5760.jpeg?width=2560\"}},\"featuredEventIds\":[\"ULP4OL5HQHZHU3K22Z2VJ5KH\"],\"actionButtonConfig\":{\"label\":\"Voir les d\\u00e9tails\",\"hidden\":true,\"presetSize\":\"large\",\"presetStyle\":\"primary\"}}}},{\"id\":\"629b6d60-4e0d-11f0-ae48-533bdebca585\",\"type\":\"cell\",\"content\":{\"id\":\"629b6d61-4e0d-11f0-ae48-533bdebca585\",\"type\":\"block\",\"layout\":\"featured-events-stacked\",\"purpose\":\"featured-events@^1.0.0\",\"properties\":{\"shortID\":\"gmCJZY\",\"background\":{\"type\":\"default\"},\"textConfig\":{\"content\":\"D\\u00e9couvrez le programme \\u00e0 venir et offrez-vous un moment privil\\u00e9gi\\u00e9.\",\"fontSize\":\"medium\",\"textStyle\":\"body\"},\"columnCount\":3,\"titleConfig\":{\"content\":\"\\u00c9v\\u00e9nements\",\"fontSize\":\"medium\",\"textStyle\":\"title\"},\"colorProfile\":\"custom-profile\",\"columnSpacing\":\"medium\",\"featuredEventIds\":[\"GCAT53QMNHL25EVVJM67RNKI\",\"Q4G3K6UBFCSCZC4MNXF3RFDU\"],\"actionButtonConfig\":{\"label\":\"Obtenir des billets\",\"presetSize\":\"large\",\"presetStyle\":\"primary\"}}}},{\"id\":\"08c8ce50-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"cell\",\"content\":{\"id\":\"08b21203-7d8a-11ed-a9d7-e13dc1221228\",\"type\":\"block\",\"hidden\":false,\"layout\":\"donation-text\",\"purpose\":\"donation\",\"properties\":{\"shortID\":\"FmzABq\",\"donation\":[\"132\"],\"background\":{\"type\":\"color\",\"color\":{\"value\":\"--primary-subtle-light\",\"isDark\":false}}}}},{\"id\":\"0f2e5650-7fd5-11ed-93d2-431a66588096\",\"type\":\"cell\",\"content\":{\"id\":\"0f2e5651-7fd5-11ed-93d2-431a66588096\",\"type\":\"block\",\"layout\":\"membership-grid\",\"purpose\":\"membership@^1.0.0\",\"properties\":{\"shortID\":\"wpgrCG\",\"textConfig\":{\"content\":{\"quill\":{\"ops\":[{\"insert\":\"Devenez membre du Vieux presbyt\\u00e8re de Batiscan et profitez de nombreux avantages!\\u00a0\"},{\"insert\":\"\\n\",\"attributes\":{\"block\":true}}]}},\"fontSize\":\"medium\",\"textStyle\":\"body\"},\"titleConfig\":{\"content\":\"Devenir membre\",\"fontSize\":\"medium\",\"textStyle\":\"title\"},\"membershipIds\":[\"133\",\"134\",\"135\"],\"actionButtonConfig\":{\"label\":\"S\\u00e9lectionnez \",\"presetSize\":\"large\",\"presetStyle\":\"primary\"}}}}]}}}}}},\"storeInfo\":{\"merchant_id\":\"KKSDGNVSB89RQ\",\"buyer_customer_accounts_enabled\":false,\"currency\":\"CAD\",\"locale\":\"fr_CA\",\"language\":\"fr_CA\",\"syncing_disabled\":true,\"return_policy\":null,\"shipping_policy\":null,\"max_donation_amount\":1000,\"store_mode\":\"cart\",\"payment_method_support\":{\"visa\":true,\"mastercard\":true,\"amex\":true,\"discover\":true,\"jcb\":true,\"interac\":true,\"paypal\":false,\"apple_pay\":true,\"google_pay\":true,\"cash_app\":false,\"square_pay\":true},\"show_pdp_buy_now_button\":true,\"allowed_to_sell\":true,\"accepting_orders\":true,\"has_payment_processor\":true,\"is_group_ordering_enabled\":false,\"product_reviews_enabled\":false,\"show_on_sale_section\":true,\"show_low_stock_section\":true,\"show_out_of_stock_section\":true,\"shipping_location_ids\":[\"YXXZ7N8SPY659\"],\"fulfillment_support\":{\"delivery\":false,\"pickup\":false,\"shipping\":false,\"dine_in\":false,\"manual\":false,\"digital\":false},\"seller_preferred_fulfillment\":\"delivery\",\"locations_counts\":{\"pickup\":0,\"delivery\":0,\"dine_in\":0,\"pickup_or_delivery\":0,\"brick_and_mortar_fulfillment\":0,\"shipping\":1,\"total\":1},\"has_subscribable_items\":false,\"has_shippable_product\":true,\"has_time_based_categories\":false,\"product_setting_low_stock_threshold\":5,\"category_hierarchy_root_ids\":{\"site_category_id\":null,\"id\":null}},\"commerceLinks\":{\"products\":{},\"categories\":{},\"meta\":{\"pagination\":{\"products\":[],\"categories\":{\"per_page\":2500,\"current_page\":1,\"total_pages\":1}}}},\"autoNavLinks\":[{\"link\":{\"page\":{\"pageID\":\"5c3dcc30-7a3f-11f1-86ae-79dcbf341829\"}},\"type\":\"page\"}],\"blogPostLinks\":{},\"featureFlags\":{\"ecom.website.deprecated-layouts\":false,\"marketing-enable-drive-repeat-purchase-campaign\":true,\"ecom.website.facebook-food\":true,\"ecom.website.theme-export\":false,\"ecom.website.chamber-via-fastly\":true,\"ecom.square-online-published-catalog-cache-version\":\"2026-03-25\",\"ecom.checkout.open_tabs\":true,\"ecom.website.photo-reviews\":true,\"ecom.checkout.cmi-sentry-integration\":true,\"ecom.checkout.cmi.bootstrap-tracking-snowplow\":true,\"ecom.checkout.cmi.bootstrap-tracking-ga\":true,\"ecom.website.order-confirmation-page.website-redirect\":true,\"ecom-neighborhoods-order-confirmation-banner\":false,\"ecom.checkout.cmi.locale-view-splitting\":true,\"ecom.checkout.open_tabs_gc_coupon\":true,\"ecom.cmi-cart\":true,\"ecom.checkout.cmi.theme-fonts\":false,\"ecom-fulfillment-api-v-2\":false,\"ecom.omnichannel-discounts-frontend\":true,\"ecom.omnichannel-discounts-category-api\":false,\"ecom-improved-tipping-experience\":true,\"ecom.splash.loyalty\":false,\"ecom.website.published-site.datadog-rum\":true,\"ecom.website.editor.datadog-rum\":true,\"ecom-website-published-site-datadog-rum-bot-filter\":true,\"ecom-use-tracking-inventory\":false,\"ecom.image-controls.width-fix\":true,\"ecom.gradient-backgrounds\":true,\"ecom.website.form-fraud-blocking\":true,\"ecom.website.form-fraud-auto-ban\":true,\"ecom.website.code-editor\":false,\"ecom.shopping.pdp-layouts-m1\":true,\"ecom.chamber.subscriptions\":true,\"ecom.tuba.subscriptions-paid-shipping-rates\":true,\"ecom-cko-enhanced-logging\":true,\"ecom-cko-unified-logging\":true,\"ecom.shopping.so-coupons-sunset-integrations\":true,\"ecom.order-online-text-layouts\":true,\"ecom.appointment-improvements\":true,\"ecom.appointment-improvements-m2\":true,\"ecom.tuba.committed-inventory-m1\":true,\"ecom.splash-improvements\":true,\"ecom-themes-onboarding\":true,\"ecom.shopping.featured-categories-paid-layouts\":true,\"ecom.website.ai-text.short-form\":false,\"ecom.website.ai-text.long-form\":false,\"ecom.website.metered-request.override\":false,\"ecom.website.async-create-theme\":false,\"ecom.can_use_cart_sharing\":true,\"ecom.website.ai.editor-prototype\":false,\"ecom.website.ai.page-seo\":false,\"ecom.appointment-direct-booking\":true,\"ecom-service-cutover-fe-request-augmentations\":true,\"ecom-order-again-prefer-square\":true,\"ecom.catalog.so-item-library-deprecation-3\":true,\"ecom.kiosk-photo-card\":true,\"ecom.website.system-page.cart\":false,\"ecom-enable-kiosk-large-catalog-layout\":false,\"ecom-hide-instagram\":true,\"ecom-hide-instagram-on-published-sites\":false,\"ecom-enable-kiosk-item-preloading\":true,\"ecom-brand-api-sync\":true,\"ecom.service-cutover.enable-tuba-traffic\":true,\"ecom-show-order-online\":true,\"websdk-use-new-afterpay-buttons\":false,\"ecom-checkout-should-check-is-decouple-checkout\":true,\"ecom-prime-use-store-info-v29\":true,\"ecom-checkout-force-pci-compliance\":false,\"ecom-website-hide-food-beverage-themes\":false,\"ecom-website-fix-dine-in-location-selection\":true,\"ecom-combo-slot-include-hidden-items\":false},\"lightning\":{},\"datadog\":{\"publishedSite\":{\"service\":\"spi-ecom-square-online-buyer-journey\",\"applicationId\":\"0a9b10e6-9671-4e1d-bd0b-2f283f0d29ee\",\"clientToken\":\"pubc6e7a7143c494f34f1366112ef7c1e2c\",\"env\":\"production\",\"rum\":{\"sampleRate\":50,\"sessionReplaySampleRate\":20,\"traceSampleRate\":10}}}};\n    \u003c/script\u003e\n\n        \n    \u003cscript type=\"application/javascript\" data-cookieconsent=\"ignore\"\u003e\n        window.stopSiteLoadingAnimation = () =\u003e {\n            const loadingElement = document.querySelector('.loading-view');\n            loadingElement?.remove();\n        };\n    \u003c/script\u003e\n\n    \n    \u003cscript type=\"application/javascript\" data-cookieconsent=\"ignore\"\u003e\n    /**\n     * PCI Compliance Flag\n     *\n     * This flag indicates if scripts have been filtered for PCI compliance (OpenTabs SSO Checkout route).\n     * This value is set only for buyer dashboard/site view to prevent infinite loading loops.\n     *\n     * Do NOT include this file in editor-frame.blade.php as it affects seller dashboard.\n     */\n    window.IS_PCI_SCRIPTS_FILTERED = false;\n\u003c/script\u003e\n    \u003cscript type=\"application/javascript\" data-cookieconsent=\"ignore\"\u003e\n    // used for editor-frame and pub site bootstrap\n    window.APP_ENV = 'production';\n    window.APP_ORIGIN = 'https://square.online';\n    window.APP_URL = 'https://www.weebly.com';\n    window.ASSET_BASE = '/app/website';\n    window.ASSETS_PUBLIC_PATH = 'https://cdn3.editmysite.com/app/website/';\n    window.CMS_API_PATH ='/app/website/cms';\n    window.DEPRECATED_IMAGE_HOST = 'https://images.editor.website';\n    window.FRAME_ORIGIN = 'https://sandbox.square.online';\n    window.GENERATE_GOOGLE_MAP_BASE = 'https://www.editmysite.com';\n    window.IMAGE_HOST = 'https://70854198d17c2bb8e8f3.cdn6.editmysite.com';\n    window.IS_DRAFT = false;\n    window.IS_MAGIC_MIRROR = false;\n    window.IS_THEME_PREVIEW = false;\n    window.IS_ENHANCED_PREVIEW = false;\n    window.DRAFT_ORIGIN = 'https://drafts.editmysite.com';\n    window.PUBLISHED_CMS_API_PREFIX = '/app/cms';\n    window.SENTRY_DSN = 'https://13e49d785d8d4f828038b6136f3b48ba@sentry.io/1263158';\n    window.RELEASE = 'prime-e6440ce';\n    window.URL_BASE = '';\n    window.XSRF_COOKIE_NAME = 'publishedsite-xsrf';\n    window.FASTLY_URL_BASE = 'https://cdn5.editmysite.com';\n    window.SQUARE_WEB_PAYMENTS_SDK = 'https://web.squarecdn.com/v1/square.js'\n    window.PUBLIC_SQUARE_URL_BASE = 'squareup.com';\n    window.PUBLIC_SQUARE_APPTS_URL_BASE = 'app.squareup.com';\n    window.ENABLE_FRONTEND_LOCAL_DEV_CACHE = '';\n    window.GOOGLE_TAG_DEVELOPER_ID = 'developer_id.dOTM2Yj';\n    window.IS_SQUARE_GO = false;\n\n            window.IS_PUBLISHED_MAGIC_MIRROR = false;\n    \n    // state\n    window.SUBDOMAIN_BASE = 'square.site';\n\n\u003c/script\u003e\n\n    \u003c!--square-online-snowplow--\u003e\n\n\u003cscript data-cookieconsent=\"statistics\"\u003e\n    (function (p, l, o, w, i, n, g) {\n    var id = i + '-script';\n    if (!l.getElementById(i)) {\n        n = l.createElement(o);\n        g = l.getElementsByTagName(o)[0];\n        n.id = id;\n        n.async = 1;\n        n.src = w;\n        g.parentNode.insertBefore(n, g);\n    }\n})(window, document, \"script\", \"https://cdn3.editmysite.com/app/website/static/js/wsnbn/snowday262.js\", \"snowday\");\n\u003c/script\u003e\n\n\n\u003cscript data-cookieconsent=\"ignore\" data-role=\"square-online-snowplow\"\u003e\n\n(function (p, l, o, w, i, n, g) {\n    if (!p[i]) {\n        p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || [];\n        p.GlobalSnowplowNamespace.push(i);\n        p[i] = function () {\n            (p[i].q = p[i].q || []).push(arguments);\n        };\n        p[i].q = p[i].q || [];\n    }\n})(window, document, '', '', \"snowday\");\n\nvar r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46, 99, 111, 109];\nvar snPlObR = function(arr) {\n    var s = '';\n    for (var i = 0 ; i \u003c arr.length ; i++){\n        s = s + String.fromCharCode(arr[i]);\n    }\n    return s;\n};\nvar s = snPlObR(r);\n\nvar regEx = new RegExp(s);\n\nwindow._W = {\n    Analytics: {\n        trackers: {\n            wSP: snowday,\n        },\n        user_id: '137149695',\n        site_id: '159013889341305897',\n    },\n};\n\n(function(app_id, ec_hostname, discover_root_domain) {\n    var track = window._W.Analytics.trackers.wSP;\n    if (!track) return;\n    track('newTracker', app_id, ec_hostname, {\n        appId: app_id,\n        post: true,\n        platform: 'web',\n        discoverRootDomain: discover_root_domain,\n        cookieDomain: document.location.hostname,\n        cookieName: '_snow_',\n        contexts: {\n            webPage: true,\n            performanceTiming: true,\n            gaCookies: true\n        },\n        crossDomainLinker: function (linkElement) {\n            return regEx.test(linkElement.href);\n        },\n        respectDoNotTrack: document.cookie.indexOf('gdpr-kb') === -1\n    });\n    track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id);\n    track('crossDomainLinker', function (linkElement) {\n        return regEx.test(linkElement.href);\n    });\n})(\n    '_wn',\n    'ec.editmysite.com',\n    false\n);\n\u003c/script\u003e\n\u003c!--end-square-online-snowplow--\u003e\n\n\n            \n        \u003cscript id=\"sq-online-messages-plugin\" src=\"https://conversations-production-f.squarecdn.com/sq-online-messages-plugin.js\" data-seller-key=\"KFCY8B31PYBQ0\"\u003e \u003c/script\u003e\u003cstyle\u003emessages-plugin {\n  /** Set the variable on messages-plugin so it's available in its shadow DOM */\n  --sq-online-messages-plugin-distance-to-bottom-of-text-us-button: var(\n    --core-metrics-spacing-200\n  );\n}\n\nmessages-plugin::part(popover) {\n  z-index: 0;\n}\n\nmessages-plugin::part(form-popover) {\n  /* spacing-600 is the height of the Text us button, and both spacing-200 variables account for the top and bottom margin */\n  /* Should remain consistent with the base plugin styles https://github.com/squareup/conv-conversations/messages-plugin/src/styles/index.ts */\n  max-height: calc(\n    100vh -\n      var(--sq-online-messages-plugin-distance-to-bottom-of-text-us-button) -\n      var(--core-metrics-spacing-600) - var(--core-metrics-spacing-200) -\n      var(--core-metrics-spacing-200)\n  );\n}\n\u003c/style\u003e\n    \n    \u003clink rel=\"stylesheet\" href=\"https://cdn3.editmysite.com/app/website/css/site.b6de8e89515f8c17aa66.css\"\u003e\n\u003cstyle\u003e/* This file contains global styling. It applies to the light DOM only */\n\n/* theme imports */\n/*\n * Market Blue (legacy): default \u0026 light mode tokens scoped to :root\n */\n\n/* This file is automatically generated. Do not edit. */\n\nmessages-plugin, :host, [data-market-features] {\n  /* ========================================================================\n   * CORE\n   * ======================================================================== */\n\n  /* ========== core ========== */\n  --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0);\n  --core-animation-enter-transition-fast-speed-duration: 0.10s;\n  --core-animation-enter-transition-moderate-speed-duration: 0.24s;\n  --core-animation-enter-transition-slow-speed-duration: 0.40s;\n  --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0);\n  --core-animation-exit-transition-fast-speed-duration: 0.10s;\n  --core-animation-exit-transition-moderate-speed-duration: 0.16s;\n  --core-animation-exit-transition-slow-speed-duration: 0.30s;\n  --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0);\n  --core-animation-move-transition-fast-speed-duration: 0.10s;\n  --core-animation-move-transition-moderate-speed-duration: 0.24s;\n  --core-animation-move-transition-slow-speed-duration: 0.40s;\n  --core-base-size: 8px;\n  --core-blue-10-color: var(--core-blue-10-light-mode-color);\n  --core-blue-10-dark-mode-color: #0055CC;\n  --core-blue-10-light-mode-color: #0055CC;\n  --core-blue-20-color: var(--core-blue-20-light-mode-color);\n  --core-blue-20-dark-mode-color: #005FE5;\n  --core-blue-20-light-mode-color: #005FE5;\n  --core-blue-30-color: var(--core-blue-30-light-mode-color);\n  --core-blue-30-dark-mode-color: #002559;\n  --core-blue-30-light-mode-color: #CCE1FF;\n  --core-blue-40-color: var(--core-blue-40-light-mode-color);\n  --core-blue-40-dark-mode-color: #001533;\n  --core-blue-40-light-mode-color: #E6F0FF;\n  --core-blue-fill-color: var(--core-blue-fill-light-mode-color);\n  --core-blue-fill-dark-mode-color: #006AFF;\n  --core-blue-fill-light-mode-color: #006AFF;\n  --core-blue-text-color: var(--core-blue-text-light-mode-color);\n  --core-blue-text-dark-mode-color: #4A95FF;\n  --core-blue-text-light-mode-color: #005AD9;\n  --core-border-10: 1px;\n  --core-border-20: 2px;\n  --core-border-80: 8px;\n  --core-breakpoint-extra-wide-min-width: 1024px;\n  --core-breakpoint-medium-max-width: 839px;\n  --core-breakpoint-medium-min-width: 600px;\n  --core-breakpoint-narrow-max-width: 599px;\n  --core-breakpoint-narrow-min-width: 0px;\n  --core-breakpoint-wide-max-width: 1023px;\n  --core-breakpoint-wide-min-max-width: 1023px;\n  --core-breakpoint-wide-min-width: 800px;\n  --core-brown-10-color: var(--core-brown-10-light-mode-color);\n  --core-brown-10-dark-mode-color: #33261A;\n  --core-brown-10-light-mode-color: #332517;\n  --core-brown-20-color: var(--core-brown-20-light-mode-color);\n  --core-brown-20-dark-mode-color: #4D3926;\n  --core-brown-20-light-mode-color: #4D3722;\n  --core-brown-30-color: var(--core-brown-30-light-mode-color);\n  --core-brown-30-dark-mode-color: #592D00;\n  --core-brown-30-light-mode-color: #FFE6CC;\n  --core-brown-40-color: var(--core-brown-40-light-mode-color);\n  --core-brown-40-dark-mode-color: #331900;\n  --core-brown-40-light-mode-color: #FFF2E6;\n  --core-brown-fill-color: var(--core-brown-fill-light-mode-color);\n  --core-brown-fill-dark-mode-color: #664D33;\n  --core-brown-fill-light-mode-color: #664A2E;\n  --core-brown-text-color: var(--core-brown-text-light-mode-color);\n  --core-brown-text-dark-mode-color: #C99866;\n  --core-brown-text-light-mode-color: #664A2E;\n  --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color);\n  --core-burgundy-10-dark-mode-color: #660525;\n  --core-burgundy-10-light-mode-color: #660525;\n  --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color);\n  --core-burgundy-20-dark-mode-color: #80062F;\n  --core-burgundy-20-light-mode-color: #80062F;\n  --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color);\n  --core-burgundy-30-dark-mode-color: #59001E;\n  --core-burgundy-30-light-mode-color: #FFCCDD;\n  --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color);\n  --core-burgundy-40-dark-mode-color: #330011;\n  --core-burgundy-40-light-mode-color: #FFE6EE;\n  --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color);\n  --core-burgundy-fill-dark-mode-color: #990838;\n  --core-burgundy-fill-light-mode-color: #990838;\n  --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color);\n  --core-burgundy-text-dark-mode-color: #FF568E;\n  --core-burgundy-text-light-mode-color: #990838;\n  --core-constant-black-color: #000000;\n  --core-constant-gray-10-color: #101010;\n  --core-constant-gray-15-color: #1a1a1a;\n  --core-constant-gray-20-color: #1e1e1e;\n  --core-constant-gray-25-color: #232323;\n  --core-constant-gray-30-color: #2a2a2a;\n  --core-constant-gray-40-color: #333333;\n  --core-constant-gray-45-color: #595959;\n  --core-constant-gray-50-color: #666666;\n  --core-constant-gray-60-color: #878787;\n  --core-constant-gray-65-color: #959595;\n  --core-constant-gray-80-color: #cccccc;\n  --core-constant-gray-85-color: #dadada;\n  --core-constant-gray-90-color: #e8e8e8;\n  --core-constant-gray-95-color: #f0f0f0;\n  --core-constant-gray-98-color: #F7F7F7;\n  --core-constant-white-color: #ffffff;\n  --core-control-size-height: 20px;\n  --core-control-size-width: 20px;\n  --core-critical-10-color: var(--core-critical-10-light-mode-color);\n  --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color);\n  --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color);\n  --core-critical-20-color: var(--core-critical-20-light-mode-color);\n  --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color);\n  --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color);\n  --core-critical-30-color: var(--core-critical-30-light-mode-color);\n  --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color);\n  --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color);\n  --core-critical-40-color: var(--core-critical-40-light-mode-color);\n  --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color);\n  --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color);\n  --core-critical-fill-color: var(--core-critical-fill-light-mode-color);\n  --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color);\n  --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color);\n  --core-critical-text-color: var(--core-critical-text-light-mode-color);\n  --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color);\n  --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color);\n  --core-divider-10-color: var(--core-divider-10-light-mode-color);\n  --core-divider-10-dark-mode-color: rgba(255,255,255,0.3);\n  --core-divider-10-light-mode-color: rgba(0,0,0,0.3);\n  --core-divider-20-color: var(--core-divider-20-light-mode-color);\n  --core-divider-20-dark-mode-color: rgba(255,255,255,0.08);\n  --core-divider-20-light-mode-color: rgba(0,0,0,0.05);\n  --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color);\n  --core-emphasis-10-dark-mode-color: var(--core-blue-10-dark-mode-color);\n  --core-emphasis-10-light-mode-color: var(--core-blue-10-light-mode-color);\n  --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color);\n  --core-emphasis-20-dark-mode-color: var(--core-blue-20-dark-mode-color);\n  --core-emphasis-20-light-mode-color: var(--core-blue-20-light-mode-color);\n  --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color);\n  --core-emphasis-30-dark-mode-color: var(--core-blue-30-dark-mode-color);\n  --core-emphasis-30-light-mode-color: var(--core-blue-30-light-mode-color);\n  --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color);\n  --core-emphasis-40-dark-mode-color: var(--core-blue-40-dark-mode-color);\n  --core-emphasis-40-light-mode-color: var(--core-blue-40-light-mode-color);\n  --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color);\n  --core-emphasis-fill-dark-mode-color: var(--core-blue-fill-dark-mode-color);\n  --core-emphasis-fill-light-mode-color: var(--core-blue-fill-light-mode-color);\n  --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color);\n  --core-emphasis-text-dark-mode-color: var(--core-blue-text-dark-mode-color);\n  --core-emphasis-text-light-mode-color: var(--core-blue-text-light-mode-color);\n  --core-extra-wide-viewport-grid-column-count: 4;\n  --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200);\n  --core-extra-wide-viewport-grid-item-full-size-column-span: 4;\n  --core-extra-wide-viewport-grid-item-large-size-column-span: 3;\n  --core-extra-wide-viewport-grid-item-medium-size-column-span: 2;\n  --core-extra-wide-viewport-grid-item-small-size-column-span: 1;\n  --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200);\n  --core-fill-10-color: var(--core-fill-10-light-mode-color);\n  --core-fill-10-dark-mode-color: rgba(255,255,255,0.95);\n  --core-fill-10-light-mode-color: rgba(0,0,0,0.9);\n  --core-fill-20-color: var(--core-fill-20-light-mode-color);\n  --core-fill-20-dark-mode-color: rgba(255,255,255,0.35);\n  --core-fill-20-light-mode-color: rgba(0,0,0,0.42);\n  --core-fill-30-color: var(--core-fill-30-light-mode-color);\n  --core-fill-30-dark-mode-color: rgba(255,255,255,0.15);\n  --core-fill-30-light-mode-color: rgba(0,0,0,0.15);\n  --core-fill-40-color: var(--core-fill-40-light-mode-color);\n  --core-fill-40-dark-mode-color: rgba(255,255,255,0.08);\n  --core-fill-40-light-mode-color: rgba(0,0,0,0.05);\n  --core-fill-50-color: var(--core-fill-50-light-mode-color);\n  --core-fill-50-dark-mode-color: rgba(255,255,255,0.05);\n  --core-fill-50-light-mode-color: rgba(0,0,0,0.03);\n  --core-fill-black-color: var(--core-fill-black-light-mode-color);\n  --core-fill-black-dark-mode-color: rgba(0,0,0,0.9);\n  --core-fill-black-light-mode-color: rgba(0,0,0,0.9);\n  --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color);\n  --core-fill-inverse-dark-mode-color: rgba(0,0,0,0.9);\n  --core-fill-inverse-light-mode-color: rgba(255,255,255,0.95);\n  --core-fill-white-color: var(--core-fill-white-light-mode-color);\n  --core-fill-white-dark-mode-color: rgba(255,255,255,1);\n  --core-fill-white-light-mode-color: rgba(255,255,255,1);\n  --core-fixed-large-size: 64px;\n  --core-fixed-medium-size: 48px;\n  --core-fixed-small-size: 40px;\n  --core-fixed-x-large-size: 80px;\n  --core-fixed-x-small-size: 32px;\n  --core-fixed-xx-small-size: 24px;\n  --core-fixed-xxx-small-size: 16px;\n  --core-focus-color: var(--core-focus-light-mode-color);\n  --core-focus-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --core-focus-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --core-focus-ring-border-size: var(--core-border-20);\n  --core-focus-ring-buffer-size: var(--core-metrics-spacing-25);\n  --core-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color);\n  --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color);\n  --core-forest-10-color: var(--core-forest-10-light-mode-color);\n  --core-forest-10-dark-mode-color: #0F4D19;\n  --core-forest-10-light-mode-color: #0F4D19;\n  --core-forest-20-color: var(--core-forest-20-light-mode-color);\n  --core-forest-20-dark-mode-color: #146622;\n  --core-forest-20-light-mode-color: #146622;\n  --core-forest-30-color: var(--core-forest-30-light-mode-color);\n  --core-forest-30-dark-mode-color: #00590F;\n  --core-forest-30-light-mode-color: #CCFFD5;\n  --core-forest-40-color: var(--core-forest-40-light-mode-color);\n  --core-forest-40-dark-mode-color: #003308;\n  --core-forest-40-light-mode-color: #E6FFEA;\n  --core-forest-fill-color: var(--core-forest-fill-light-mode-color);\n  --core-forest-fill-dark-mode-color: #19802A;\n  --core-forest-fill-light-mode-color: #19802A;\n  --core-forest-text-color: var(--core-forest-text-light-mode-color);\n  --core-forest-text-dark-mode-color: #16D956;\n  --core-forest-text-light-mode-color: #007D2A;\n  --core-gold-10-color: var(--core-gold-10-light-mode-color);\n  --core-gold-10-dark-mode-color: #CC8033;\n  --core-gold-10-light-mode-color: #CC8033;\n  --core-gold-20-color: var(--core-gold-20-light-mode-color);\n  --core-gold-20-dark-mode-color: #E68F39;\n  --core-gold-20-light-mode-color: #E68F39;\n  --core-gold-30-color: var(--core-gold-30-light-mode-color);\n  --core-gold-30-dark-mode-color: #592D00;\n  --core-gold-30-light-mode-color: #FFE6CC;\n  --core-gold-40-color: var(--core-gold-40-light-mode-color);\n  --core-gold-40-dark-mode-color: #331A00;\n  --core-gold-40-light-mode-color: #FFF2E6;\n  --core-gold-fill-color: var(--core-gold-fill-light-mode-color);\n  --core-gold-fill-dark-mode-color: #FF9F40;\n  --core-gold-fill-light-mode-color: #FF9F40;\n  --core-gold-text-color: var(--core-gold-text-light-mode-color);\n  --core-gold-text-dark-mode-color: #FF9F40;\n  --core-gold-text-light-mode-color: #945C25;\n  --core-green-10-color: var(--core-green-10-light-mode-color);\n  --core-green-10-dark-mode-color: #00802A;\n  --core-green-10-light-mode-color: #00802A;\n  --core-green-20-color: var(--core-green-20-light-mode-color);\n  --core-green-20-dark-mode-color: #009933;\n  --core-green-20-light-mode-color: #009933;\n  --core-green-30-color: var(--core-green-30-light-mode-color);\n  --core-green-30-dark-mode-color: #00591E;\n  --core-green-30-light-mode-color: #CCFFDD;\n  --core-green-40-color: var(--core-green-40-light-mode-color);\n  --core-green-40-dark-mode-color: #003311;\n  --core-green-40-light-mode-color: #E5FFEE;\n  --core-green-fill-color: var(--core-green-fill-light-mode-color);\n  --core-green-fill-dark-mode-color: #00B33B;\n  --core-green-fill-light-mode-color: #00B23B;\n  --core-green-text-color: var(--core-green-text-light-mode-color);\n  --core-green-text-dark-mode-color: #16D956;\n  --core-green-text-light-mode-color: #007D2A;\n  --core-grid-column-count: var(--core-narrow-viewport-grid-column-count);\n  --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing);\n  --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span);\n  --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span);\n  --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span);\n  --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span);\n  --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing);\n  --core-horizontal-size-class-regular-threshold: 600px;\n  --core-horizontal-size-class-wide-threshold: 1200px;\n  --core-icon-large-size-height: 40px;\n  --core-icon-large-size-width: 40px;\n  --core-icon-medium-size-height: 24px;\n  --core-icon-medium-size-width: 24px;\n  --core-icon-small-size-height: 16px;\n  --core-icon-small-size-width: 16px;\n  --core-large-size-minimum-height: var(--core-minimum-height-300);\n  --core-medium-size-minimum-height: var(--core-minimum-height-200);\n  --core-medium-viewport-grid-column-count: 2;\n  --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);\n  --core-medium-viewport-grid-item-full-size-column-span: 2;\n  --core-medium-viewport-grid-item-large-size-column-span: 1;\n  --core-medium-viewport-grid-item-medium-size-column-span: 1;\n  --core-medium-viewport-grid-item-small-size-column-span: 1;\n  --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);\n  --core-metrics-spacing-100: 8px;\n  --core-metrics-spacing-1000: 80px;\n  --core-metrics-spacing-150: 12px;\n  --core-metrics-spacing-1500: 120px;\n  --core-metrics-spacing-200: 16px;\n  --core-metrics-spacing-2000: 160px;\n  --core-metrics-spacing-25: 2px;\n  --core-metrics-spacing-250: 20px;\n  --core-metrics-spacing-300: 24px;\n  --core-metrics-spacing-400: 32px;\n  --core-metrics-spacing-50: 4px;\n  --core-metrics-spacing-500: 40px;\n  --core-metrics-spacing-600: 48px;\n  --core-metrics-spacing-800: 64px;\n  --core-minimum-height-100: 40px;\n  --core-minimum-height-200: 48px;\n  --core-minimum-height-300: 64px;\n  --core-minimum-height-400: 80px;\n  --core-minimum-height-50: 24px;\n  --core-minimum-height-75: 32px;\n  --core-narrow-viewport-grid-column-count: 1;\n  --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);\n  --core-narrow-viewport-grid-item-full-size-column-span: 1;\n  --core-narrow-viewport-grid-item-large-size-column-span: 1;\n  --core-narrow-viewport-grid-item-medium-size-column-span: 1;\n  --core-narrow-viewport-grid-item-small-size-column-span: 1;\n  --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);\n  --core-opacity-disabled-state: 0.4;\n  --core-opacity-hover-state: 1;\n  --core-opacity-normal-state: 1;\n  --core-opacity-pressed-state: 1;\n  --core-orange-10-color: var(--core-orange-10-light-mode-color);\n  --core-orange-10-dark-mode-color: #BF4830;\n  --core-orange-10-light-mode-color: #BF4830;\n  --core-orange-20-color: var(--core-orange-20-light-mode-color);\n  --core-orange-20-dark-mode-color: #DB5237;\n  --core-orange-20-light-mode-color: #DB5237;\n  --core-orange-30-color: var(--core-orange-30-light-mode-color);\n  --core-orange-30-dark-mode-color: #590F00;\n  --core-orange-30-light-mode-color: #FFD5CC;\n  --core-orange-40-color: var(--core-orange-40-light-mode-color);\n  --core-orange-40-dark-mode-color: #330800;\n  --core-orange-40-light-mode-color: #FFEAE6;\n  --core-orange-fill-color: var(--core-orange-fill-light-mode-color);\n  --core-orange-fill-dark-mode-color: #F25B3D;\n  --core-orange-fill-light-mode-color: #F25B3D;\n  --core-orange-text-color: var(--core-orange-text-light-mode-color);\n  --core-orange-text-dark-mode-color: #FF5F3F;\n  --core-orange-text-light-mode-color: #A83F2A;\n  --core-padding-set-even-large: var(--core-metrics-spacing-250);\n  --core-padding-set-even-medium: var(--core-metrics-spacing-150);\n  --core-padding-set-even-small: var(--core-metrics-spacing-100);\n  --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400);\n  --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250);\n  --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300);\n  --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150);\n  --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250);\n  --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100);\n  --core-pink-10-color: var(--core-pink-10-light-mode-color);\n  --core-pink-10-dark-mode-color: #A62987;\n  --core-pink-10-light-mode-color: #A62987;\n  --core-pink-20-color: var(--core-pink-20-light-mode-color);\n  --core-pink-20-dark-mode-color: #BF309B;\n  --core-pink-20-light-mode-color: #BF309B;\n  --core-pink-30-color: var(--core-pink-30-light-mode-color);\n  --core-pink-30-dark-mode-color: #590043;\n  --core-pink-30-light-mode-color: #FFCCF2;\n  --core-pink-40-color: var(--core-pink-40-light-mode-color);\n  --core-pink-40-dark-mode-color: #330026;\n  --core-pink-40-light-mode-color: #FFE6F9;\n  --core-pink-fill-color: var(--core-pink-fill-light-mode-color);\n  --core-pink-fill-dark-mode-color: #D936B0;\n  --core-pink-fill-light-mode-color: #D936B0;\n  --core-pink-text-color: var(--core-pink-text-light-mode-color);\n  --core-pink-text-dark-mode-color: #FF43D0;\n  --core-pink-text-light-mode-color: #A82A88;\n  --core-purple-10-color: var(--core-purple-10-light-mode-color);\n  --core-purple-10-dark-mode-color: #6811A6;\n  --core-purple-10-light-mode-color: #6811A6;\n  --core-purple-20-color: var(--core-purple-20-light-mode-color);\n  --core-purple-20-dark-mode-color: #7813BF;\n  --core-purple-20-light-mode-color: #7813BF;\n  --core-purple-30-color: var(--core-purple-30-light-mode-color);\n  --core-purple-30-dark-mode-color: #340059;\n  --core-purple-30-light-mode-color: #EACCFF;\n  --core-purple-40-color: var(--core-purple-40-light-mode-color);\n  --core-purple-40-dark-mode-color: #1E0033;\n  --core-purple-40-light-mode-color: #F4E6FF;\n  --core-purple-fill-color: var(--core-purple-fill-light-mode-color);\n  --core-purple-fill-dark-mode-color: #8716D9;\n  --core-purple-fill-light-mode-color: #8716D9;\n  --core-purple-text-color: var(--core-purple-text-light-mode-color);\n  --core-purple-text-dark-mode-color: #C26EFF;\n  --core-purple-text-light-mode-color: #8716D9;\n  --core-radius-10: 6px;\n  --core-radius-100: 6px;\n  --core-radius-20: 12px;\n  --core-radius-200: 12px;\n  --core-radius-266: 16px;\n  --core-radius-33: 2px;\n  --core-radius-400: 24px;\n  --core-radius-533: 32px;\n  --core-radius-6: 4px;\n  --core-radius-66: 4px;\n  --core-radius-circle: 1000px;\n  --core-radius-forms: var(--core-radius-100);\n  --core-radius-modals: var(--core-radius-200);\n  --core-radius-none: 0px;\n  --core-red-10-color: var(--core-red-10-light-mode-color);\n  --core-red-10-dark-mode-color: #99001A;\n  --core-red-10-light-mode-color: #99001A;\n  --core-red-20-color: var(--core-red-20-light-mode-color);\n  --core-red-20-dark-mode-color: #B2001E;\n  --core-red-20-light-mode-color: #B2001E;\n  --core-red-30-color: var(--core-red-30-light-mode-color);\n  --core-red-30-dark-mode-color: #59000F;\n  --core-red-30-light-mode-color: #FFCCD5;\n  --core-red-40-color: var(--core-red-40-light-mode-color);\n  --core-red-40-dark-mode-color: #330009;\n  --core-red-40-light-mode-color: #FFE5EA;\n  --core-red-fill-color: var(--core-red-fill-light-mode-color);\n  --core-red-fill-dark-mode-color: #CC0023;\n  --core-red-fill-light-mode-color: #CC0023;\n  --core-red-text-color: var(--core-red-text-light-mode-color);\n  --core-red-text-dark-mode-color: #FF5A76;\n  --core-red-text-light-mode-color: #BF0020;\n  --core-sky-10-color: var(--core-sky-10-light-mode-color);\n  --core-sky-10-dark-mode-color: #1F75CC;\n  --core-sky-10-light-mode-color: #1F75CC;\n  --core-sky-20-color: var(--core-sky-20-light-mode-color);\n  --core-sky-20-dark-mode-color: #2284E6;\n  --core-sky-20-light-mode-color: #2284E6;\n  --core-sky-30-color: var(--core-sky-30-light-mode-color);\n  --core-sky-30-dark-mode-color: #002D59;\n  --core-sky-30-light-mode-color: #CCE6FF;\n  --core-sky-40-color: var(--core-sky-40-light-mode-color);\n  --core-sky-40-dark-mode-color: #001A33;\n  --core-sky-40-light-mode-color: #E6F2FF;\n  --core-sky-fill-color: var(--core-sky-fill-light-mode-color);\n  --core-sky-fill-dark-mode-color: #2693FF;\n  --core-sky-fill-light-mode-color: #2693FF;\n  --core-sky-text-color: var(--core-sky-text-light-mode-color);\n  --core-sky-text-dark-mode-color: #2E97FF;\n  --core-sky-text-light-mode-color: #0F65BA;\n  --core-small-size-minimum-height: var(--core-minimum-height-100);\n  --core-space-10-size: var(--core-base-size);\n  --core-success-10-color: var(--core-success-10-light-mode-color);\n  --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color);\n  --core-success-10-light-mode-color: var(--core-green-10-light-mode-color);\n  --core-success-20-color: var(--core-success-20-light-mode-color);\n  --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color);\n  --core-success-20-light-mode-color: var(--core-green-20-light-mode-color);\n  --core-success-30-color: var(--core-success-30-light-mode-color);\n  --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color);\n  --core-success-30-light-mode-color: var(--core-green-30-light-mode-color);\n  --core-success-40-color: var(--core-success-40-light-mode-color);\n  --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color);\n  --core-success-40-light-mode-color: var(--core-green-40-light-mode-color);\n  --core-success-fill-color: var(--core-success-fill-light-mode-color);\n  --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color);\n  --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color);\n  --core-success-text-color: var(--core-success-text-light-mode-color);\n  --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color);\n  --core-success-text-light-mode-color: var(--core-green-text-light-mode-color);\n  --core-surface-10-color: var(--core-surface-10-light-mode-color);\n  --core-surface-10-dark-mode-color: rgba(20,20,20,1);\n  --core-surface-10-light-mode-color: rgba(255,255,255,1);\n  --core-surface-20-color: var(--core-surface-20-light-mode-color);\n  --core-surface-20-dark-mode-color: rgba(28,28,28,1);\n  --core-surface-20-light-mode-color: rgba(255,255,255,1);\n  --core-surface-30-color: var(--core-surface-30-light-mode-color);\n  --core-surface-30-dark-mode-color: rgba(45,45,45,1);\n  --core-surface-30-light-mode-color: rgba(255,255,255,1);\n  --core-surface-5-color: var(--core-surface-5-light-mode-color);\n  --core-surface-5-dark-mode-color: rgba(8,8,8,1);\n  --core-surface-5-light-mode-color: rgba(255,255,255,1);\n  --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color);\n  --core-surface-inverse-dark-mode-color: rgba(255,255,255,1);\n  --core-surface-inverse-light-mode-color: rgba(26,26,26,1);\n  --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color);\n  --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8);\n  --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8);\n  --core-taupe-10-color: var(--core-taupe-10-light-mode-color);\n  --core-taupe-10-dark-mode-color: #735639;\n  --core-taupe-10-light-mode-color: #735639;\n  --core-taupe-20-color: var(--core-taupe-20-light-mode-color);\n  --core-taupe-20-dark-mode-color: #8C6946;\n  --core-taupe-20-light-mode-color: #8C6946;\n  --core-taupe-30-color: var(--core-taupe-30-light-mode-color);\n  --core-taupe-30-dark-mode-color: #592D00;\n  --core-taupe-30-light-mode-color: #FFE6CC;\n  --core-taupe-40-color: var(--core-taupe-40-light-mode-color);\n  --core-taupe-40-dark-mode-color: #331A00;\n  --core-taupe-40-light-mode-color: #FFF2E6;\n  --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color);\n  --core-taupe-fill-dark-mode-color: #A67C53;\n  --core-taupe-fill-light-mode-color: #A67C53;\n  --core-taupe-text-color: var(--core-taupe-text-light-mode-color);\n  --core-taupe-text-dark-mode-color: #C99866;\n  --core-taupe-text-light-mode-color: #826141;\n  --core-teal-10-color: var(--core-teal-10-light-mode-color);\n  --core-teal-10-dark-mode-color: #0D8C6D;\n  --core-teal-10-light-mode-color: #0D8C6D;\n  --core-teal-20-color: var(--core-teal-20-light-mode-color);\n  --core-teal-20-dark-mode-color: #10A680;\n  --core-teal-20-light-mode-color: #10A680;\n  --core-teal-30-color: var(--core-teal-30-light-mode-color);\n  --core-teal-30-dark-mode-color: #005943;\n  --core-teal-30-light-mode-color: #CCFFF2;\n  --core-teal-40-color: var(--core-teal-40-light-mode-color);\n  --core-teal-40-dark-mode-color: #003326;\n  --core-teal-40-light-mode-color: #E6FFF9;\n  --core-teal-fill-color: var(--core-teal-fill-light-mode-color);\n  --core-teal-fill-dark-mode-color: #12BF94;\n  --core-teal-fill-light-mode-color: #12BF94;\n  --core-teal-text-color: var(--core-teal-text-light-mode-color);\n  --core-teal-text-dark-mode-color: #16D8A7;\n  --core-teal-text-light-mode-color: #0C785D;\n  --core-text-10-color: var(--core-text-10-light-mode-color);\n  --core-text-10-dark-mode-color: rgba(255,255,255,0.95);\n  --core-text-10-light-mode-color: rgba(0,0,0,0.9);\n  --core-text-20-color: var(--core-text-20-light-mode-color);\n  --core-text-20-dark-mode-color: rgba(255,255,255,0.55);\n  --core-text-20-light-mode-color: rgba(0,0,0,0.55);\n  --core-text-30-color: var(--core-text-30-light-mode-color);\n  --core-text-30-dark-mode-color: rgba(255,255,255,0.3);\n  --core-text-30-light-mode-color: rgba(0,0,0,0.3);\n  --core-text-black-color: var(--core-text-black-light-mode-color);\n  --core-text-black-dark-mode-color: rgba(0,0,0,0.9);\n  --core-text-black-light-mode-color: rgba(0,0,0,0.9);\n  --core-text-inverse-color: var(--core-text-inverse-light-mode-color);\n  --core-text-inverse-dark-mode-color: rgba(0,0,0,0.9);\n  --core-text-inverse-light-mode-color: rgba(255,255,255,0.95);\n  --core-text-size: 16px;\n  --core-text-white-color: var(--core-text-white-light-mode-color);\n  --core-text-white-dark-mode-color: rgba(255,255,255,1);\n  --core-text-white-light-mode-color: rgba(255,255,255,1);\n  --core-transparent-color: var(--core-transparent-light-mode-color);\n  --core-transparent-dark-mode-color: transparent;\n  --core-transparent-light-mode-color: transparent;\n  --core-type-bold-weight: 700;\n  --core-type-display-10-case: none;\n  --core-type-display-10-font-family: var(--core-type-display-font-family);\n  --core-type-display-10-leading: 40px;\n  --core-type-display-10-number-spacing: 'default';\n  --core-type-display-10-scale: heading-30;\n  --core-type-display-10-size: 32px;\n  --core-type-display-10-tracking: 0;\n  --core-type-display-10-weight: var(--core-type-bold-weight);\n  --core-type-display-20-case: none;\n  --core-type-display-20-font-family: var(--core-type-display-font-family);\n  --core-type-display-20-leading: 56px;\n  --core-type-display-20-number-spacing: 'default';\n  --core-type-display-20-scale: heading-30;\n  --core-type-display-20-size: 48px;\n  --core-type-display-20-tracking: 0;\n  --core-type-display-20-weight: var(--core-type-medium-weight);\n  --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif;\n  --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif;\n  --core-type-heading-10-case: none;\n  --core-type-heading-10-font-family: var(--core-type-font-family);\n  --core-type-heading-10-leading: 22px;\n  --core-type-heading-10-number-spacing: 'default';\n  --core-type-heading-10-scale: heading-10;\n  --core-type-heading-10-size: 14px;\n  --core-type-heading-10-tracking: 0;\n  --core-type-heading-10-weight: var(--core-type-bold-weight);\n  --core-type-heading-20-case: none;\n  --core-type-heading-20-font-family: var(--core-type-display-font-family);\n  --core-type-heading-20-leading: 26px;\n  --core-type-heading-20-number-spacing: 'default';\n  --core-type-heading-20-scale: heading-20;\n  --core-type-heading-20-size: 19px;\n  --core-type-heading-20-tracking: 0;\n  --core-type-heading-20-weight: var(--core-type-bold-weight);\n  --core-type-heading-30-case: none;\n  --core-type-heading-30-font-family: var(--core-type-display-font-family);\n  --core-type-heading-30-leading: 32px;\n  --core-type-heading-30-number-spacing: 'default';\n  --core-type-heading-30-scale: heading-30;\n  --core-type-heading-30-size: 25px;\n  --core-type-heading-30-tracking: 0;\n  --core-type-heading-30-weight: var(--core-type-bold-weight);\n  --core-type-heading-5-case: uppercase;\n  --core-type-heading-5-font-family: var(--core-type-font-family);\n  --core-type-heading-5-leading: 20px;\n  --core-type-heading-5-number-spacing: 'default';\n  --core-type-heading-5-scale: heading-5;\n  --core-type-heading-5-size: 12px;\n  --core-type-heading-5-tracking: 0.050em;\n  --core-type-heading-5-weight: var(--core-type-medium-weight);\n  --core-type-medium-10-case: var(--core-type-paragraph-10-case);\n  --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family);\n  --core-type-medium-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-medium-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-medium-10-size: var(--core-type-paragraph-10-size);\n  --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-medium-10-weight: var(--core-type-medium-weight);\n  --core-type-medium-20-case: var(--core-type-paragraph-20-case);\n  --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family);\n  --core-type-medium-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-medium-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-medium-20-size: var(--core-type-paragraph-20-size);\n  --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-medium-20-weight: var(--core-type-medium-weight);\n  --core-type-medium-30-case: var(--core-type-paragraph-30-case);\n  --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family);\n  --core-type-medium-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-medium-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-medium-30-size: var(--core-type-paragraph-30-size);\n  --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-medium-30-weight: var(--core-type-medium-weight);\n  --core-type-medium-weight: 500;\n  --core-type-mono-display-10-case: var(--core-type-display-10-case);\n  --core-type-mono-display-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-display-10-leading: var(--core-type-display-10-leading);\n  --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing);\n  --core-type-mono-display-10-scale: var(--core-type-display-10-scale);\n  --core-type-mono-display-10-size: var(--core-type-display-10-size);\n  --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking);\n  --core-type-mono-display-10-weight: var(--core-type-display-10-weight);\n  --core-type-mono-display-20-case: var(--core-type-display-20-case);\n  --core-type-mono-display-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-display-20-leading: var(--core-type-display-20-leading);\n  --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing);\n  --core-type-mono-display-20-scale: var(--core-type-display-20-scale);\n  --core-type-mono-display-20-size: var(--core-type-display-20-size);\n  --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking);\n  --core-type-mono-display-20-weight: var(--core-type-display-20-weight);\n  --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace;\n  --core-type-mono-heading-10-case: var(--core-type-heading-10-case);\n  --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading);\n  --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing);\n  --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale);\n  --core-type-mono-heading-10-size: var(--core-type-heading-10-size);\n  --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking);\n  --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight);\n  --core-type-mono-heading-20-case: var(--core-type-heading-20-case);\n  --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading);\n  --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing);\n  --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale);\n  --core-type-mono-heading-20-size: var(--core-type-heading-20-size);\n  --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking);\n  --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight);\n  --core-type-mono-heading-30-case: var(--core-type-heading-30-case);\n  --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading);\n  --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing);\n  --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale);\n  --core-type-mono-heading-30-size: var(--core-type-heading-30-size);\n  --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking);\n  --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight);\n  --core-type-mono-medium-10-case: var(--core-type-medium-10-case);\n  --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading);\n  --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing);\n  --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale);\n  --core-type-mono-medium-10-size: var(--core-type-medium-10-size);\n  --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking);\n  --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight);\n  --core-type-mono-medium-20-case: var(--core-type-medium-20-case);\n  --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading);\n  --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing);\n  --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale);\n  --core-type-mono-medium-20-size: var(--core-type-medium-20-size);\n  --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking);\n  --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight);\n  --core-type-mono-medium-30-case: var(--core-type-medium-30-case);\n  --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading);\n  --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing);\n  --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale);\n  --core-type-mono-medium-30-size: var(--core-type-medium-30-size);\n  --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking);\n  --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight);\n  --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case);\n  --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size);\n  --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight);\n  --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case);\n  --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size);\n  --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight);\n  --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case);\n  --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size);\n  --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight);\n  --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case);\n  --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading);\n  --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale);\n  --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size);\n  --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking);\n  --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight);\n  --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case);\n  --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading);\n  --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale);\n  --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size);\n  --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking);\n  --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight);\n  --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case);\n  --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading);\n  --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale);\n  --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size);\n  --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking);\n  --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight);\n  --core-type-paragraph-10-case: none;\n  --core-type-paragraph-10-font-family: var(--core-type-font-family);\n  --core-type-paragraph-10-leading: 18px;\n  --core-type-paragraph-10-number-spacing: 'default';\n  --core-type-paragraph-10-scale: paragraph-10;\n  --core-type-paragraph-10-size: 12px;\n  --core-type-paragraph-10-tracking: 0;\n  --core-type-paragraph-10-weight: var(--core-type-regular-weight);\n  --core-type-paragraph-20-case: none;\n  --core-type-paragraph-20-font-family: var(--core-type-font-family);\n  --core-type-paragraph-20-leading: 22px;\n  --core-type-paragraph-20-number-spacing: 'default';\n  --core-type-paragraph-20-scale: paragraph-20;\n  --core-type-paragraph-20-size: 14px;\n  --core-type-paragraph-20-tracking: 0;\n  --core-type-paragraph-20-weight: var(--core-type-regular-weight);\n  --core-type-paragraph-30-case: none;\n  --core-type-paragraph-30-font-family: var(--core-type-font-family);\n  --core-type-paragraph-30-leading: 24px;\n  --core-type-paragraph-30-number-spacing: 'default';\n  --core-type-paragraph-30-scale: paragraph-30;\n  --core-type-paragraph-30-size: 16px;\n  --core-type-paragraph-30-tracking: 0;\n  --core-type-paragraph-30-weight: var(--core-type-regular-weight);\n  --core-type-regular-weight: 400;\n  --core-type-semibold-10-case: var(--core-type-paragraph-10-case);\n  --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family);\n  --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-semibold-10-size: var(--core-type-paragraph-10-size);\n  --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-semibold-10-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-20-case: var(--core-type-paragraph-20-case);\n  --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family);\n  --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-semibold-20-size: var(--core-type-paragraph-20-size);\n  --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-semibold-20-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-30-case: var(--core-type-paragraph-30-case);\n  --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family);\n  --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-semibold-30-size: var(--core-type-paragraph-30-size);\n  --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-semibold-30-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-weight: 600;\n  --core-vertical-size-class-regular-threshold: 600px;\n  --core-vertical-size-class-tall-threshold: 864px;\n  --core-warning-10-color: var(--core-warning-10-light-mode-color);\n  --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color);\n  --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color);\n  --core-warning-20-color: var(--core-warning-20-light-mode-color);\n  --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color);\n  --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color);\n  --core-warning-30-color: var(--core-warning-30-light-mode-color);\n  --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color);\n  --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color);\n  --core-warning-40-color: var(--core-warning-40-light-mode-color);\n  --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color);\n  --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color);\n  --core-warning-fill-color: var(--core-warning-fill-light-mode-color);\n  --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color);\n  --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color);\n  --core-warning-text-color: var(--core-warning-text-light-mode-color);\n  --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color);\n  --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color);\n  --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);\n  --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);\n  --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);\n  --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);\n  --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);\n  --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);\n  --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);\n  --core-yellow-10-color: var(--core-yellow-10-light-mode-color);\n  --core-yellow-10-dark-mode-color: #CC9900;\n  --core-yellow-10-light-mode-color: #CC9900;\n  --core-yellow-20-color: var(--core-yellow-20-light-mode-color);\n  --core-yellow-20-dark-mode-color: #E5AC00;\n  --core-yellow-20-light-mode-color: #E5AC00;\n  --core-yellow-30-color: var(--core-yellow-30-light-mode-color);\n  --core-yellow-30-dark-mode-color: #594300;\n  --core-yellow-30-light-mode-color: #FFF2CC;\n  --core-yellow-40-color: var(--core-yellow-40-light-mode-color);\n  --core-yellow-40-dark-mode-color: #332600;\n  --core-yellow-40-light-mode-color: #FFF9E5;\n  --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color);\n  --core-yellow-fill-dark-mode-color: #FFBF00;\n  --core-yellow-fill-light-mode-color: #FFBF00;\n  --core-yellow-text-color: var(--core-yellow-text-light-mode-color);\n  --core-yellow-text-dark-mode-color: #FFBF00;\n  --core-yellow-text-light-mode-color: #876500;\n\n  /* ========================================================================\n   * COMPONENT\n   * ======================================================================== */\n\n  /* ========== accessory ========== */\n  --accessory-background-color: var(--accessory-background-light-mode-color);\n  --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --accessory-background-radius: var(--accessory-medium-size-radius);\n  --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color);\n  --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color);\n  --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color);\n  --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color);\n  --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color);\n  --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color);\n  --accessory-disabled-state-opacity: var(--core-opacity-disabled-state);\n  --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color);\n  --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color);\n  --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color);\n  --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color);\n  --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --accessory-icon-variant-large-size-height: 40px;\n  --accessory-icon-variant-large-size-width: 40px;\n  --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color);\n  --accessory-icon-variant-medium-size-height: 24px;\n  --accessory-icon-variant-medium-size-width: 24px;\n  --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color);\n  --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case);\n  --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family);\n  --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading);\n  --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);\n  --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale);\n  --accessory-initials-variant-large-size-text-size: 28px;\n  --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking);\n  --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight);\n  --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color);\n  --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case);\n  --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size);\n  --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --accessory-large-size-height: var(--core-large-size-minimum-height);\n  --accessory-large-size-icon-height: var(--core-icon-large-size-height);\n  --accessory-large-size-icon-width: var(--accessory-large-size-icon-height);\n  --accessory-large-size-radius: var(--core-radius-100);\n  --accessory-large-size-text-case: var(--core-type-display-10-case);\n  --accessory-large-size-text-font-family: var(--core-type-display-10-font-family);\n  --accessory-large-size-text-leading: var(--accessory-large-size-text-size);\n  --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);\n  --accessory-large-size-text-scale: var(--core-type-display-10-scale);\n  --accessory-large-size-text-size: 28px;\n  --accessory-large-size-text-tracking: var(--core-type-display-10-tracking);\n  --accessory-large-size-text-weight: var(--core-type-medium-weight);\n  --accessory-large-size-width: var(--accessory-large-size-height);\n  --accessory-medium-size-height: var(--core-small-size-minimum-height);\n  --accessory-medium-size-icon-height: var(--core-icon-medium-size-height);\n  --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height);\n  --accessory-medium-size-radius: var(--core-radius-100);\n  --accessory-medium-size-text-case: var(--core-type-semibold-30-case);\n  --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --accessory-medium-size-text-size: var(--core-type-semibold-30-size);\n  --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --accessory-medium-size-width: var(--accessory-medium-size-height);\n  --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color);\n  --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color);\n  --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --accessory-normal-state-opacity: var(--core-opacity-normal-state);\n  --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color);\n  --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color);\n\n  /* ========== accordion ========== */\n  --accordion-disabled-state-accessory-opacity: 0.5;\n  --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color);\n  --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color);\n  --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --accordion-focus-state-accessory-opacity: 1;\n  --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color);\n  --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color);\n  --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height);\n  --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width);\n  --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing);\n  --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height);\n  --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width);\n  --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing);\n  --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding);\n  --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color);\n  --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color);\n  --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color);\n  --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size);\n  --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case);\n  --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family);\n  --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading);\n  --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing);\n  --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale);\n  --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size);\n  --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking);\n  --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight);\n  --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case);\n  --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family);\n  --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading);\n  --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing);\n  --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale);\n  --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size);\n  --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking);\n  --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight);\n  --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding);\n  --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height);\n  --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width);\n  --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing);\n  --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height);\n  --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width);\n  --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing);\n  --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding);\n  --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color);\n  --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color);\n  --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color);\n  --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size);\n  --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case);\n  --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family);\n  --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading);\n  --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing);\n  --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale);\n  --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size);\n  --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking);\n  --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight);\n  --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case);\n  --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family);\n  --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading);\n  --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing);\n  --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale);\n  --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size);\n  --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking);\n  --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight);\n  --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding);\n  --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height);\n  --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width);\n  --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing);\n  --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height);\n  --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width);\n  --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing);\n  --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding);\n  --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color);\n  --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color);\n  --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color);\n  --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size);\n  --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case);\n  --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family);\n  --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading);\n  --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing);\n  --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale);\n  --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size);\n  --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking);\n  --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight);\n  --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case);\n  --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family);\n  --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading);\n  --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing);\n  --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale);\n  --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size);\n  --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking);\n  --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight);\n  --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding);\n  --accordion-hover-state-accessory-opacity: 1;\n  --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color);\n  --accordion-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --accordion-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color);\n  --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-large-size-collapsed-phase-icon-height: 24px;\n  --accordion-large-size-collapsed-phase-icon-width: 24px;\n  --accordion-large-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-large-size-expanded-phase-icon-height: 24px;\n  --accordion-large-size-expanded-phase-icon-width: 24px;\n  --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-large-size-horizontal-padding: 0px;\n  --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color);\n  --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-large-size-separator-size: 1px;\n  --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case);\n  --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family);\n  --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading);\n  --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale);\n  --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size);\n  --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking);\n  --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight);\n  --accordion-large-size-text-case: var(--core-type-heading-30-case);\n  --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family);\n  --accordion-large-size-text-leading: var(--core-type-heading-30-leading);\n  --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --accordion-large-size-text-scale: var(--core-type-heading-30-scale);\n  --accordion-large-size-text-size: var(--core-type-heading-30-size);\n  --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking);\n  --accordion-large-size-text-weight: var(--core-type-heading-30-weight);\n  --accordion-large-size-vertical-padding: 24px;\n  --accordion-medium-size-collapsed-phase-icon-height: 20px;\n  --accordion-medium-size-collapsed-phase-icon-width: 20px;\n  --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-medium-size-expanded-phase-icon-height: 20px;\n  --accordion-medium-size-expanded-phase-icon-width: 20px;\n  --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-medium-size-horizontal-padding: 0px;\n  --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color);\n  --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-medium-size-separator-size: 1px;\n  --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case);\n  --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family);\n  --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading);\n  --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale);\n  --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size);\n  --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking);\n  --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight);\n  --accordion-medium-size-text-case: var(--core-type-heading-20-case);\n  --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family);\n  --accordion-medium-size-text-leading: var(--core-type-heading-20-leading);\n  --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing);\n  --accordion-medium-size-text-scale: var(--core-type-heading-20-scale);\n  --accordion-medium-size-text-size: var(--core-type-heading-20-size);\n  --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking);\n  --accordion-medium-size-text-weight: var(--core-type-heading-20-weight);\n  --accordion-medium-size-vertical-padding: 19px;\n  --accordion-normal-state-accessory-opacity: 1;\n  --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color);\n  --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color);\n  --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-pressed-state-accessory-opacity: 1;\n  --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color);\n  --accordion-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --accordion-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color);\n  --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-small-size-collapsed-phase-icon-height: 16px;\n  --accordion-small-size-collapsed-phase-icon-width: 16px;\n  --accordion-small-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-small-size-expanded-phase-icon-height: 16px;\n  --accordion-small-size-expanded-phase-icon-width: 16px;\n  --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-small-size-horizontal-padding: 0px;\n  --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color);\n  --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-small-size-separator-size: 1px;\n  --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case);\n  --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family);\n  --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading);\n  --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale);\n  --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size);\n  --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking);\n  --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight);\n  --accordion-small-size-text-case: var(--core-type-heading-10-case);\n  --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family);\n  --accordion-small-size-text-leading: var(--core-type-heading-10-leading);\n  --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing);\n  --accordion-small-size-text-scale: var(--core-type-heading-10-scale);\n  --accordion-small-size-text-size: var(--core-type-heading-10-size);\n  --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking);\n  --accordion-small-size-text-weight: var(--core-type-heading-10-weight);\n  --accordion-small-size-vertical-padding: 13px;\n\n  /* ========== actionCard ========== */\n  --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity);\n  --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color);\n  --action-card-active-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-active-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color);\n  --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --action-card-active-state-selected-value-border-width: var(--core-border-20);\n  --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state);\n  --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color);\n  --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-active-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color);\n  --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-active-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state);\n  --action-card-background-color: var(--action-card-background-light-mode-color);\n  --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color);\n  --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);\n  --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);\n  --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width);\n  --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color);\n  --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);\n  --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);\n  --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width);\n  --action-card-border-radius: var(--core-radius-100);\n  --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color);\n  --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);\n  --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color);\n  --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width);\n  --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity);\n  --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color);\n  --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color);\n  --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-disabled-state-selected-value-border-width: var(--core-border-20);\n  --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state);\n  --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color);\n  --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state);\n  --action-card-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color);\n  --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);\n  --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);\n  --action-card-horizontal-gap: var(--core-metrics-spacing-100);\n  --action-card-horizontal-padding: var(--core-metrics-spacing-200);\n  --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity);\n  --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color);\n  --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-hover-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color);\n  --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-hover-state-selected-value-border-width: var(--core-border-20);\n  --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state);\n  --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color);\n  --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);\n  --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --action-card-hover-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state);\n  --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity);\n  --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color);\n  --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color);\n  --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-normal-state-selected-value-border-width: var(--core-border-20);\n  --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state);\n  --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color);\n  --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color);\n  --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-normal-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state);\n  --action-card-padding-horizontal-size: var(--action-card-horizontal-padding);\n  --action-card-padding-vertical-size: var(--action-card-vertical-padding);\n  --action-card-spacing: var(--action-card-horizontal-gap);\n  --action-card-vertical-gap: var(--core-metrics-spacing-100);\n  --action-card-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== activityIndicator ========== */\n  --activity-indicator-bar-height: 4px;\n  --activity-indicator-bar-radius: 2px;\n  --activity-indicator-bar-width: 120px;\n  --activity-indicator-radial-large-size-diameter-size: 60px;\n  --activity-indicator-radial-large-size-stroke-size: 6px;\n  --activity-indicator-radial-medium-size-diameter-size: 36px;\n  --activity-indicator-radial-medium-size-stroke-size: 4px;\n  --activity-indicator-radial-small-size-diameter-size: 20px;\n  --activity-indicator-radial-small-size-stroke-size: 2px;\n  --activity-indicator-radial-xlarge-size-diameter-size: 120px;\n  --activity-indicator-radial-xlarge-size-stroke-size: 10px;\n\n  /* ========== badge ========== */\n  --badge-alert-variant-icon-height: var(--core-icon-small-size-height);\n  --badge-alert-variant-icon-width: var(--core-icon-small-size-width);\n  --badge-border-radius: var(--core-radius-circle);\n  --badge-border-width: var(--core-border-20);\n  --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color);\n  --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --badge-indicator-variant-dot-diameter-ratio: 0.556;\n  --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color);\n  --badge-info-style-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --badge-info-style-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --badge-label-variant-text-case: var(--core-type-semibold-10-case);\n  --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family);\n  --badge-label-variant-text-leading: var(--core-type-semibold-10-leading);\n  --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --badge-label-variant-text-scale: var(--core-type-semibold-10-scale);\n  --badge-label-variant-text-size: var(--core-type-semibold-10-size);\n  --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking);\n  --badge-label-variant-text-weight: var(--core-type-semibold-10-weight);\n  --badge-minimum-height: 18px;\n  --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color);\n  --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color);\n  --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color);\n  --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color);\n  --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color);\n  --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color);\n  --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color);\n  --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color);\n  --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color);\n  --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color);\n  --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color);\n  --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color);\n  --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color);\n  --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color);\n  --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color);\n  --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color);\n  --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color);\n  --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color);\n  --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50);\n  --badge-numeric-variant-maximum-count: 99;\n  --badge-numeric-variant-maximum-width: 30px;\n  --badge-numeric-variant-text-case: var(--core-type-semibold-10-case);\n  --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family);\n  --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading);\n  --badge-numeric-variant-text-number-spacing: 'monospaced';\n  --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale);\n  --badge-numeric-variant-text-size: var(--core-type-semibold-10-size);\n  --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking);\n  --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight);\n\n  /* ========== banner ========== */\n  --banner-border-radius: var(--core-radius-100);\n  --banner-border-width: var(--core-border-10);\n  --banner-button-separator-color: var(--banner-button-separator-light-mode-color);\n  --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color);\n  --banner-button-separator-height: var(--banner-text-link-group-separator-height);\n  --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color);\n  --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity);\n  --banner-button-separator-width: var(--banner-text-link-group-separator-width);\n  --banner-button-spacing: var(--banner-text-link-group-gap);\n  --banner-button-text-case: var(--banner-text-link-text-case);\n  --banner-button-text-font-family: var(--banner-text-link-text-font-family);\n  --banner-button-text-leading: var(--banner-text-link-text-leading);\n  --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing);\n  --banner-button-text-scale: var(--banner-text-link-text-scale);\n  --banner-button-text-size: var(--banner-text-link-text-size);\n  --banner-button-text-tracking: var(--banner-text-link-text-tracking);\n  --banner-button-text-weight: var(--banner-text-link-text-weight);\n  --banner-content-gap: var(--core-metrics-spacing-150);\n  --banner-content-spacing: var(--banner-content-gap);\n  --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color);\n  --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color);\n  --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color);\n  --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color);\n  --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);\n  --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color);\n  --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color);\n  --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color);\n  --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color);\n  --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color);\n  --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color);\n  --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color);\n  --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color);\n  --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --banner-horizontal-padding: var(--core-metrics-spacing-200);\n  --banner-icon-gap: var(--core-metrics-spacing-150);\n  --banner-icon-spacing: var(--banner-icon-gap);\n  --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color);\n  --banner-info-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --banner-info-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color);\n  --banner-info-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --banner-info-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color);\n  --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color);\n  --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color);\n  --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n  --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color);\n  --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color);\n  --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color);\n  --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color);\n  --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n  --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color);\n  --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color);\n  --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color);\n  --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color);\n  --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color);\n  --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color);\n  --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color);\n  --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color);\n  --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color);\n  --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);\n  --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color);\n  --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color);\n  --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color);\n  --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color);\n  --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color);\n  --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color);\n  --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-multiline-gap: var(--core-metrics-spacing-150);\n  --banner-multiline-spacing: var(--banner-multiline-gap);\n  --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color);\n  --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color);\n  --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color);\n  --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color);\n  --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color);\n  --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color);\n  --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color);\n  --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color);\n  --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);\n  --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);\n  --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color);\n  --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);\n  --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);\n  --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color);\n  --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color);\n  --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color);\n  --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color);\n  --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color);\n  --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color);\n  --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color);\n  --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color);\n  --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-text-case: var(--core-type-paragraph-30-case);\n  --banner-text-font-family: var(--core-type-paragraph-30-font-family);\n  --banner-text-leading: var(--core-type-paragraph-30-leading);\n  --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing);\n  --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color);\n  --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color);\n  --banner-text-link-group-separator-height: var(--text-link-group-separator-height);\n  --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color);\n  --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity);\n  --banner-text-link-group-separator-width: var(--text-link-group-separator-width);\n  --banner-text-link-text-case: var(--text-link-medium-size-text-case);\n  --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --banner-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --banner-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --banner-text-link-text-size: var(--text-link-medium-size-text-size);\n  --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --banner-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --banner-text-scale: var(--core-type-paragraph-30-scale);\n  --banner-text-size: var(--core-type-paragraph-30-size);\n  --banner-text-tracking: var(--core-type-paragraph-30-tracking);\n  --banner-text-weight: var(--core-type-paragraph-30-weight);\n  --banner-title-case: var(--core-type-semibold-30-case);\n  --banner-title-font-family: var(--core-type-semibold-30-font-family);\n  --banner-title-leading: var(--core-type-semibold-30-leading);\n  --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --banner-title-scale: var(--core-type-semibold-30-scale);\n  --banner-title-size: var(--core-type-semibold-30-size);\n  --banner-title-tracking: var(--core-type-semibold-30-tracking);\n  --banner-title-weight: var(--core-type-semibold-30-weight);\n  --banner-vertical-padding: var(--core-metrics-spacing-200);\n  --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color);\n  --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color);\n  --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color);\n  --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color);\n  --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color);\n  --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color);\n  --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color);\n  --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);\n  --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color);\n  --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color);\n  --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color);\n  --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color);\n  --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color);\n  --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color);\n  --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== button-group ========== */\n  --button-group-overflow-button-border-radius: var(--icon-button-border-radius);\n  --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);\n  --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);\n  --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);\n  --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height);\n  --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width);\n  --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);\n  --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);\n  --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);\n  --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-padding-size: var(--icon-button-padding-size);\n  --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-size-multiplier: 1;\n  --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n  --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-spacing: var(--core-metrics-spacing-200);\n\n  /* ========== button ========== */\n  --button-border-radius: 6px;\n  --button-compact-horizontal-size-class-sample-token: 100px;\n  --button-compact-vertical-size-class-sample-token-2: 10px;\n  --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);\n  --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);\n  --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --button-focus-ring-color: var(--button-light-mode-focus-ring-color);\n  --button-large-size-border-radius: var(--core-radius-100);\n  --button-large-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --button-large-size-minimum-width-multiplier: 1.5;\n  --button-large-size-primary-rank-horizontal-padding: 20px;\n  --button-large-size-primary-rank-vertical-padding: 20px;\n  --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);\n  --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);\n  --button-large-size-tertiary-rank-horizontal-padding: 8px;\n  --button-large-size-tertiary-rank-vertical-padding: 20px;\n  --button-large-size-text-case: var(--core-type-semibold-30-case);\n  --button-large-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --button-large-size-text-leading: var(--core-type-semibold-30-leading);\n  --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --button-large-size-text-scale: var(--core-type-semibold-30-scale);\n  --button-large-size-text-size: var(--core-type-semibold-30-size);\n  --button-large-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --button-large-size-text-weight: var(--core-type-semibold-30-weight);\n  --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --button-medium-size-border-radius: var(--core-radius-100);\n  --button-medium-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --button-medium-size-minimum-width-multiplier: 1.5;\n  --button-medium-size-primary-rank-horizontal-padding: 16px;\n  --button-medium-size-primary-rank-vertical-padding: 12px;\n  --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);\n  --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);\n  --button-medium-size-tertiary-rank-horizontal-padding: 8px;\n  --button-medium-size-tertiary-rank-vertical-padding: 12px;\n  --button-medium-size-text-case: var(--core-type-semibold-30-case);\n  --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --button-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --button-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --button-medium-size-text-size: var(--core-type-semibold-30-size);\n  --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --button-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);\n  --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);\n  --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);\n  --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-regular-horizontal-size-class-sample-token: 200px;\n  --button-regular-vertical-size-class-sample-token-2: 20px;\n  --button-small-size-border-radius: var(--core-radius-100);\n  --button-small-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --button-small-size-minimum-width-multiplier: 1.5;\n  --button-small-size-primary-rank-horizontal-padding: 12px;\n  --button-small-size-primary-rank-vertical-padding: 9px;\n  --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);\n  --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);\n  --button-small-size-tertiary-rank-horizontal-padding: 8px;\n  --button-small-size-tertiary-rank-vertical-padding: 9px;\n  --button-small-size-text-case: var(--core-type-semibold-20-case);\n  --button-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --button-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --button-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --button-small-size-text-size: var(--core-type-semibold-20-size);\n  --button-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --button-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --button-tall-vertical-size-class-sample-token-2: 30px;\n  --button-tertiary-rank-underline: 0px;\n  --button-wide-horizontal-size-class-sample-token: 300px;\n\n  /* ========== calculator ========== */\n  --calculator-below-display-spacing: var(--core-metrics-spacing-200);\n  --calculator-button-border-radius-size: 6px;\n  --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color);\n  --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color);\n  --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color);\n  --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-icon-large-calculator-size: 32px;\n  --calculator-button-icon-small-calculator-size: 24px;\n  --calculator-button-large-calculator-height: 80px;\n  --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-white-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-small-calculator-height: 48px;\n  --calculator-button-text-large-calculator-case: var(--core-type-display-10-case);\n  --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-button-text-large-calculator-size: var(--core-type-display-10-size);\n  --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case);\n  --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family);\n  --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading);\n  --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);\n  --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale);\n  --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size);\n  --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking);\n  --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight);\n  --calculator-display-border-color: var(--calculator-display-border-light-mode-color);\n  --calculator-display-border-corner-radius: 6px;\n  --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --calculator-display-border-stroke-width: 1px;\n  --calculator-display-large-size-horizontal-padding: 20px;\n  --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case);\n  --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family);\n  --calculator-display-large-size-large-calculator-height: 136px;\n  --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading);\n  --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing);\n  --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale);\n  --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size);\n  --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking);\n  --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight);\n  --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case);\n  --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-display-large-size-small-calculator-height: 80px;\n  --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size);\n  --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-display-large-size-vertical-padding: 20px;\n  --calculator-display-small-size-horizontal-padding: 20px;\n  --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case);\n  --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-display-small-size-large-calculator-height: 80px;\n  --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size);\n  --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case);\n  --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family);\n  --calculator-display-small-size-small-calculator-height: 48px;\n  --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading);\n  --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);\n  --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale);\n  --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size);\n  --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking);\n  --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight);\n  --calculator-display-small-size-vertical-padding: 0px;\n  --calculator-display-text-color: var(--calculator-display-text-light-mode-color);\n  --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200);\n  --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200);\n\n  /* ========== carousel ========== */\n  --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100);\n  --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);\n  --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);\n  --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100);\n\n  /* ========== checkbox ========== */\n  --checkbox-border-radius: var(--core-radius-66);\n  --checkbox-border-size: var(--core-border-20);\n  --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color);\n  --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);\n  --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-height: var(--checkbox-width);\n  --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-width: var(--core-control-size-width);\n\n  /* ========== choice-button ========== */\n  --choice-button-border-radius: var(--core-radius-100);\n  --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color);\n  --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250);\n  --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case);\n  --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family);\n  --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading);\n  --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale);\n  --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size);\n  --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking);\n  --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight);\n  --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case);\n  --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);\n  --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading);\n  --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale);\n  --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size);\n  --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);\n  --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight);\n  --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250);\n  --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200);\n  --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case);\n  --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family);\n  --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading);\n  --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale);\n  --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size);\n  --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking);\n  --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight);\n  --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case);\n  --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);\n  --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading);\n  --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale);\n  --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size);\n  --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);\n  --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight);\n  --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);\n  --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier);\n  --choice-button-minimum-width-multiplier: 1.5;\n  --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color);\n  --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);\n  --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color);\n  --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);\n  --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color);\n  --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color);\n  --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color);\n  --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color);\n  --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color);\n  --choice-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color);\n  --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case);\n  --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family);\n  --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading);\n  --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale);\n  --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size);\n  --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking);\n  --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight);\n  --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case);\n  --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family);\n  --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading);\n  --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale);\n  --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size);\n  --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking);\n  --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight);\n  --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color);\n  --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color);\n  --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color);\n  --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color);\n  --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color);\n  --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color);\n  --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color);\n  --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color);\n  --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n\n  /* ========== choice-icon-button ========== */\n  --choice-icon-button-border-radius: var(--core-radius-100);\n  --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color);\n  --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200);\n  --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200);\n  --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);\n  --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier);\n  --choice-icon-button-minimum-width-multiplier: 1;\n  --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);\n  --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);\n  --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);\n  --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);\n  --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);\n  --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);\n  --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100);\n  --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n\n  /* ========== coachmark ========== */\n  --coachmark-background-color: var(--coachmark-background-light-mode-color);\n  --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --coachmark-border-radius: var(--core-radius-100);\n  --coachmark-heading-case: var(--core-type-semibold-20-case);\n  --coachmark-heading-color: var(--coachmark-heading-light-mode-color);\n  --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-heading-font-family: var(--core-type-semibold-20-font-family);\n  --coachmark-heading-leading: var(--core-type-semibold-20-leading);\n  --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --coachmark-heading-scale: var(--core-type-semibold-20-scale);\n  --coachmark-heading-size: var(--core-type-semibold-20-size);\n  --coachmark-heading-tracking: var(--core-type-semibold-20-tracking);\n  --coachmark-heading-weight: var(--core-type-semibold-20-weight);\n  --coachmark-horizontal-padding: var(--core-metrics-spacing-200);\n  --coachmark-icon-button-border-radius: var(--icon-button-border-radius);\n  --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);\n  --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);\n  --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);\n  --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color);\n  --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color);\n  --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height);\n  --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width);\n  --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);\n  --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);\n  --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);\n  --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-padding-size: var(--icon-button-padding-size);\n  --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n  --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-paragraph-case: var(--core-type-paragraph-20-case);\n  --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color);\n  --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family);\n  --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading);\n  --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale);\n  --coachmark-paragraph-size: var(--core-type-paragraph-20-size);\n  --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking);\n  --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight);\n  --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color);\n  --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color);\n  --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color);\n  --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color);\n  --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color);\n  --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color);\n  --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color);\n  --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color);\n  --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color);\n  --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color);\n  --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color);\n  --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color);\n  --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color);\n  --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color);\n  --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color);\n  --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color);\n  --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color);\n  --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color);\n  --coachmark-pill-border-width: var(--pill-border-width);\n  --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius);\n  --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius);\n  --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding);\n  --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius);\n  --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding);\n  --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size);\n  --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing);\n  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left);\n  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right);\n  --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius);\n  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left);\n  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right);\n  --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size);\n  --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size);\n  --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size);\n  --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal);\n  --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case);\n  --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding);\n  --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family);\n  --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left);\n  --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading);\n  --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing);\n  --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale);\n  --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size);\n  --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking);\n  --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight);\n  --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding);\n  --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color);\n  --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color);\n  --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color);\n  --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color);\n  --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color);\n  --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color);\n  --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color);\n  --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color);\n  --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color);\n  --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color);\n  --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color);\n  --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color);\n  --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color);\n  --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color);\n  --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color);\n  --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color);\n  --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color);\n  --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color);\n  --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color);\n  --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color);\n  --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color);\n  --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius);\n  --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius);\n  --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding);\n  --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius);\n  --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding);\n  --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size);\n  --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing);\n  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left);\n  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right);\n  --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius);\n  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left);\n  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right);\n  --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size);\n  --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size);\n  --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size);\n  --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal);\n  --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case);\n  --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding);\n  --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family);\n  --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left);\n  --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading);\n  --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing);\n  --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale);\n  --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size);\n  --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking);\n  --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight);\n  --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding);\n  --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color);\n  --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color);\n  --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color);\n  --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color);\n  --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color);\n  --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color);\n  --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color);\n  --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color);\n  --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color);\n  --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color);\n  --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color);\n  --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color);\n  --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color);\n  --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color);\n  --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color);\n  --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color);\n  --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color);\n  --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color);\n  --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color);\n  --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color);\n  --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color);\n  --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color);\n  --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color);\n  --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color);\n  --coachmark-step-indicator-case: var(--core-type-paragraph-20-case);\n  --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color);\n  --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family);\n  --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading);\n  --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale);\n  --coachmark-step-indicator-size: var(--core-type-paragraph-20-size);\n  --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking);\n  --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight);\n  --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color);\n  --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --coachmark-text-link-text-case: var(--text-link-small-size-text-case);\n  --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --coachmark-text-link-text-size: var(--text-link-small-size-text-size);\n  --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --coachmark-text-link-vertical-padding: 0px;\n  --coachmark-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== codeDisplay ========== */\n  --code-display-border-radius: var(--core-radius-100);\n\n  /* ========== colorPicker ========== */\n  --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height);\n  --color-picker-adjustments-hue-radius: var(--core-radius-100);\n  --color-picker-adjustments-saturation-brightness-min-height: 200;\n  --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200);\n  --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-width: 2px;\n  --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-20-light-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-width: 1px;\n  --color-picker-adjustments-scrubber-multiplier: 1.25;\n  --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50);\n  --color-picker-adjustments-scrubber-size: 16px;\n  --color-picker-adjustments-scrubber-width: 2px;\n  --color-picker-dots-horizontal-spacing: 14px;\n  --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color);\n  --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color);\n  --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1);\n  --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color);\n  --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1);\n  --color-picker-dots-icon-size: 24px;\n  --color-picker-dots-size: var(--core-small-size-minimum-height);\n  --color-picker-dots-vertical-spacing: 16px;\n  --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color);\n  --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9;\n  --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9;\n  --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color);\n  --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --color-picker-swatch-selected-state-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --color-picker-vertical-spacing: 16px;\n\n  /* ========== combobox ========== */\n  --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100);\n\n  /* ========== content-area-width ========== */\n  --content-area-width-regular-width: 600px;\n  --content-area-width-wide-width: 1248px;\n\n  /* ========== contentCard ========== */\n  --content-card-background-color: var(--content-card-background-light-mode-color);\n  --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color);\n  --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color);\n  --content-card-border-color: var(--content-card-border-light-mode-color);\n  --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color);\n  --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color);\n  --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);\n  --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);\n  --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color);\n  --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color);\n  --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);\n  --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);\n  --content-card-border-radius: var(--content-card-default-variant-border-radius);\n  --content-card-border-width: var(--content-card-default-variant-border-width);\n  --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color);\n  --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color);\n  --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);\n  --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);\n  --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --content-card-default-variant-border-radius: var(--core-radius-100);\n  --content-card-default-variant-border-width: var(--core-border-10);\n  --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color);\n  --content-card-emphasis-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --content-card-emphasis-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color);\n  --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --content-card-horizontal-padding: var(--core-metrics-spacing-200);\n  --content-card-padding-horizontal-size: var(--content-card-horizontal-padding);\n  --content-card-padding-vertical-size: var(--content-card-vertical-padding);\n  --content-card-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== content-expander ========== */\n  --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration);\n  --content-expander-animation-easing: var(--core-animation-move-transition-easing);\n  --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);\n  --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);\n  --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);\n  --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --content-expander-collapsed-display-normal-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);\n  --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --content-expander-collapsed-display-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color);\n  --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color);\n  --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);\n  --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);\n  --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size);\n  --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color);\n  --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);\n  --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);\n  --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size);\n  --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color);\n  --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);\n  --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);\n  --content-expander-expanded-display-normal-state-underline-size: var(--content-expander-collapsed-display-normal-state-underline-size);\n  --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color);\n  --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);\n  --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);\n  --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size);\n  --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color);\n  --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --content-expander-icon-height: var(--core-icon-small-size-height);\n  --content-expander-icon-width: var(--core-icon-small-size-width);\n  --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color);\n  --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color);\n  --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --content-expander-spacing: var(--core-metrics-spacing-100);\n  --content-expander-text-case: var(--core-type-semibold-30-case);\n  --content-expander-text-font-family: var(--core-type-semibold-30-font-family);\n  --content-expander-text-leading: var(--core-type-semibold-30-leading);\n  --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --content-expander-text-scale: var(--core-type-semibold-30-scale);\n  --content-expander-text-size: var(--core-type-semibold-30-size);\n  --content-expander-text-tracking: var(--core-type-semibold-30-tracking);\n  --content-expander-text-weight: var(--core-type-semibold-30-weight);\n  --content-expander-underline-size: 0px;\n\n  /* ========== datePicker ========== */\n  --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color);\n  --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color);\n  --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color);\n  --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-border-focused-state-border: 2;\n  --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color);\n  --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color);\n  --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color);\n  --date-picker-date-border-focused-state-opacity: 1;\n  --date-picker-date-border-normal-state-border: 2;\n  --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color);\n  --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --date-picker-date-border-normal-state-opacity: 0;\n  --date-picker-date-border-radius: var(--core-radius-100);\n  --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color);\n  --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color);\n  --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-grid-item-height: var(--core-small-size-minimum-height);\n  --date-picker-grid-item-horizontal-padding: 0px;\n  --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100);\n  --date-picker-grid-item-width: var(--core-small-size-minimum-height);\n  --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color);\n  --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-header-button-border-radius: var(--core-radius-10);\n  --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color);\n  --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200);\n  --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-header-button-padding: var(--core-metrics-spacing-100);\n  --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color);\n  --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-header-font-case: var(--core-type-heading-30-case);\n  --date-picker-header-font-font-family: var(--core-type-heading-30-font-family);\n  --date-picker-header-font-leading: var(--core-type-heading-30-leading);\n  --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing);\n  --date-picker-header-font-scale: var(--core-type-heading-30-scale);\n  --date-picker-header-font-size: var(--core-type-heading-30-size);\n  --date-picker-header-font-tracking: var(--core-type-heading-30-tracking);\n  --date-picker-header-font-weight: var(--core-type-heading-30-weight);\n  --date-picker-header-minimum-height: 40px;\n  --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200);\n  --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400);\n  --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color);\n  --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --date-picker-menu-row-height: 48px;\n  --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color);\n  --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --date-picker-menu-row-width: 111px;\n  --date-picker-menu-text-case: var(--core-type-semibold-30-case);\n  --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family);\n  --date-picker-menu-text-leading: var(--core-type-semibold-30-leading);\n  --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --date-picker-menu-text-scale: var(--core-type-semibold-30-scale);\n  --date-picker-menu-text-size: var(--core-type-semibold-30-size);\n  --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking);\n  --date-picker-menu-text-weight: var(--core-type-semibold-30-weight);\n  --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300);\n  --date-picker-minimum-width: 280px;\n  --date-picker-month-minimum-width: 50px;\n  --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color);\n  --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-today-border-width: var(--core-border-10);\n  --date-picker-today-font-case: var(--core-type-semibold-30-case);\n  --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family);\n  --date-picker-today-font-leading: var(--core-type-semibold-30-leading);\n  --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --date-picker-today-font-scale: var(--core-type-semibold-30-scale);\n  --date-picker-today-font-size: var(--core-type-semibold-30-size);\n  --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking);\n  --date-picker-today-font-weight: var(--core-type-semibold-30-weight);\n  --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color);\n  --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color);\n  --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color);\n  --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case);\n  --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family);\n  --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading);\n  --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale);\n  --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size);\n  --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking);\n  --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight);\n\n  /* ========== divider ========== */\n  --divider-extra-small-variant-vertical-padding: 0px;\n  --divider-fill-color: var(--divider-fill-light-mode-color);\n  --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color);\n  --divider-height: var(--core-base-size);\n  --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400);\n  --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200);\n  --divider-radius: var(--core-radius-33);\n  --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100);\n  --divider-thick-size-height: var(--core-border-80);\n  --divider-thin-size-height: var(--core-border-10);\n\n  /* ========== dropdown-button ========== */\n  --dropdown-button-border-radius: var(--button-border-radius);\n  --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size);\n  --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);\n  --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius);\n  --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing);\n  --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height);\n  --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier);\n  --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);\n  --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);\n  --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding);\n  --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding);\n  --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding);\n  --dropdown-button-large-size-text-case: var(--button-large-size-text-case);\n  --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family);\n  --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading);\n  --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing);\n  --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale);\n  --dropdown-button-large-size-text-size: var(--button-large-size-text-size);\n  --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking);\n  --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight);\n  --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius);\n  --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing);\n  --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height);\n  --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier);\n  --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);\n  --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);\n  --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding);\n  --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding);\n  --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding);\n  --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case);\n  --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family);\n  --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading);\n  --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing);\n  --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale);\n  --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size);\n  --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking);\n  --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius);\n  --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing);\n  --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height);\n  --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier);\n  --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);\n  --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);\n  --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding);\n  --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding);\n  --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding);\n  --dropdown-button-small-size-text-case: var(--button-small-size-text-case);\n  --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family);\n  --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading);\n  --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing);\n  --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale);\n  --dropdown-button-small-size-text-size: var(--button-small-size-text-size);\n  --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking);\n  --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight);\n  --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline);\n\n  /* ========== dropdown-icon-button ========== */\n  --dropdown-icon-button-border-radius: var(--icon-button-border-radius);\n  --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color);\n  --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color);\n  --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color);\n  --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color);\n  --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color);\n  --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color);\n  --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color);\n  --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color);\n  --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color);\n  --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color);\n  --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n\n  /* ========== empty-state ========== */\n  --empty-state-background-color: var(--empty-state-background-light-mode-color);\n  --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --empty-state-border-color: var(--empty-state-border-light-mode-color);\n  --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --empty-state-border-radius: var(--core-radius-100);\n  --empty-state-border-width: var(--core-border-10);\n  --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);\n  --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);\n  --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);\n  --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);\n  --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);\n  --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);\n  --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);\n  --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);\n  --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);\n  --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);\n  --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);\n  --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);\n  --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);\n  --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);\n  --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);\n  --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);\n  --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);\n  --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);\n  --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);\n  --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);\n  --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);\n  --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);\n  --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);\n  --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);\n  --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);\n  --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);\n  --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);\n  --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);\n  --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-spacing: var(--button-group-spacing);\n  --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400);\n  --empty-state-heading-color: var(--empty-state-heading-light-mode-color);\n  --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-heading-text-case: var(--core-type-heading-20-case);\n  --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color);\n  --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family);\n  --empty-state-heading-text-leading: var(--core-type-heading-20-leading);\n  --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing);\n  --empty-state-heading-text-scale: var(--core-type-heading-20-scale);\n  --empty-state-heading-text-size: var(--core-type-heading-20-size);\n  --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking);\n  --empty-state-heading-text-weight: var(--core-type-heading-20-weight);\n  --empty-state-horizontal-padding: var(--core-metrics-spacing-400);\n  --empty-state-icon-size: 80px;\n  --empty-state-illustration-size: 96px;\n  --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case);\n  --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color);\n  --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family);\n  --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading);\n  --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale);\n  --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size);\n  --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking);\n  --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight);\n  --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100);\n  --empty-state-vertical-padding: var(--core-metrics-spacing-400);\n\n  /* ========== field ========== */\n  --field-action-text-case: var(--core-type-semibold-20-case);\n  --field-action-text-color: var(--field-light-mode-action-text-color);\n  --field-action-text-font-family: var(--core-type-semibold-20-font-family);\n  --field-action-text-leading: var(--core-type-semibold-20-leading);\n  --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --field-action-text-scale: var(--core-type-semibold-20-scale);\n  --field-action-text-size: var(--core-type-semibold-20-size);\n  --field-action-text-tracking: var(--core-type-semibold-20-tracking);\n  --field-action-text-weight: var(--core-type-semibold-20-weight);\n  --field-action-vertical-padding-size: 8px;\n  --field-border-radius: var(--core-radius-forms);\n  --field-border-size: 1px;\n  --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color);\n  --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color);\n  --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color);\n  --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color);\n  --field-dark-mode-selection-highlight-color: var(--core-emphasis-30-dark-mode-color);\n  --field-dark-mode-selection-text-cursor-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color);\n  --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color);\n  --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color);\n  --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);\n  --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color);\n  --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color);\n  --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color);\n  --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color);\n  --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color);\n  --field-empty-phase-horizontal-padding-size: 16px;\n  --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case);\n  --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family);\n  --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading);\n  --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale);\n  --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size);\n  --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking);\n  --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight);\n  --field-empty-phase-vertical-padding-size: 20px;\n  --field-error-message-icon-buffer-size: 8px;\n  --field-error-message-icon-height: 8px;\n  --field-error-message-icon-vertical-spacing: 8px;\n  --field-error-message-icon-width: var(--field-error-message-icon-height);\n  --field-error-message-text-case: var(--core-type-paragraph-20-case);\n  --field-error-message-text-color: var(--field-light-mode-error-message-text-color);\n  --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family);\n  --field-error-message-text-leading: var(--core-type-paragraph-20-leading);\n  --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --field-error-message-text-scale: var(--core-type-paragraph-20-scale);\n  --field-error-message-text-size: var(--core-type-paragraph-20-size);\n  --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking);\n  --field-error-message-text-vertical-spacing: 8px;\n  --field-error-message-text-weight: var(--core-type-paragraph-20-weight);\n  --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size);\n  --field-float-phase-label-margin-bottom-size: 2px;\n  --field-float-phase-label-margin-top-size: 8px;\n  --field-float-phase-label-text-case: var(--core-type-semibold-20-case);\n  --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family);\n  --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading);\n  --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale);\n  --field-float-phase-label-text-size: var(--core-type-semibold-20-size);\n  --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking);\n  --field-float-phase-label-text-weight: 500;\n  --field-float-phase-vertical-padding-size: 8px;\n  --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color);\n  --field-focus-state-border-size: 2px;\n  --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);\n  --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);\n  --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n  --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color);\n  --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color);\n  --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color);\n  --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n  --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --field-helper-text-case: var(--core-type-paragraph-20-case);\n  --field-helper-text-font-family: var(--core-type-paragraph-20-font-family);\n  --field-helper-text-horizontal-spacing: 0px;\n  --field-helper-text-leading: var(--core-type-paragraph-20-leading);\n  --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --field-helper-text-scale: var(--core-type-paragraph-20-scale);\n  --field-helper-text-size: var(--core-type-paragraph-20-size);\n  --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color);\n  --field-helper-text-tracking: var(--core-type-paragraph-20-tracking);\n  --field-helper-text-vertical-spacing: 8px;\n  --field-helper-text-weight: var(--core-type-paragraph-20-weight);\n  --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color);\n  --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);\n  --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);\n  --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);\n  --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color);\n  --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);\n  --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n  --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color);\n  --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color);\n  --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color);\n  --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n  --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --field-icon-buffer-size: 16px;\n  --field-icon-height: 24px;\n  --field-icon-width: var(--field-icon-height);\n  --field-image-accessory-spacing-left-size: 12px;\n  --field-input-case: var(--core-type-paragraph-30-case);\n  --field-input-font-family: var(--core-type-paragraph-30-font-family);\n  --field-input-leading: var(--core-type-paragraph-30-leading);\n  --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --field-input-scale: var(--core-type-paragraph-30-scale);\n  --field-input-size: var(--core-type-paragraph-30-size);\n  --field-input-tracking: var(--core-type-paragraph-30-tracking);\n  --field-input-weight: var(--core-type-paragraph-30-weight);\n  --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color);\n  --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color);\n  --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color);\n  --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color);\n  --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color);\n  --field-light-mode-selection-highlight-color: var(--core-emphasis-30-light-mode-color);\n  --field-light-mode-selection-text-cursor-color: var(--core-emphasis-fill-light-mode-color);\n  --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color);\n  --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color);\n  --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color);\n  --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);\n  --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color);\n  --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color);\n  --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color);\n  --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color);\n  --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color);\n  --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);\n  --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);\n  --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color);\n  --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color);\n  --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color);\n  --field-selection-caret-color: var(--field-light-mode-selection-caret-color);\n  --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color);\n  --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color);\n  --field-trailing-accessory-buffer-size: 16px;\n  --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state);\n  --field-trailing-accessory-height: 48px;\n  --field-trailing-accessory-position-bottom-size: 8px;\n  --field-trailing-accessory-position-right-size: 0px;\n  --field-trailing-accessory-width: var(--field-trailing-accessory-height);\n\n  /* ========== file-upload ========== */\n  --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color);\n  --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color);\n  --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color);\n  --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400);\n  --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color);\n  --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color);\n  --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color);\n  --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n  --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color);\n  --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-minimum-height: 400px;\n  --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color);\n  --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color);\n  --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-dropzone-normal-state-border-radius: var(--core-radius-100);\n  --file-upload-dropzone-normal-state-border-width: var(--core-border-10);\n  --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color);\n  --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color);\n  --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n  --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color);\n  --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding);\n  --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height);\n  --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color);\n  --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);\n  --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color);\n  --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200);\n  --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color);\n  --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);\n  --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color);\n  --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color);\n  --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height);\n  --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color);\n  --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color);\n  --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius);\n  --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color);\n  --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);\n  --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color);\n  --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color);\n  --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --file-upload-upload-item-single-value-border-radius: var(--core-radius-100);\n  --file-upload-upload-item-single-value-border-width: var(--core-border-10);\n  --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height);\n  --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color);\n  --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color);\n  --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== filter-button ========== */\n  --filter-button-border-radius: 6px;\n  --filter-button-border-size: 1px;\n  --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color);\n  --filter-button-disabled-state-background-dark-mode-color: transparent;\n  --filter-button-disabled-state-background-light-mode-color: transparent;\n  --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color);\n  --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-disabled-state-border-size: var(--core-border-10);\n  --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color);\n  --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color);\n  --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color);\n  --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --filter-button-feedback-maximum: 99;\n  --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color);\n  --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color);\n  --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-hover-state-border-size: var(--core-border-10);\n  --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color);\n  --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color);\n  --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-icon-content-spacing: var(--core-metrics-spacing-50);\n  --filter-button-icon-feedback-trailing-padding: 2px;\n  --filter-button-label-content-spacing: var(--core-metrics-spacing-100);\n  --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case);\n  --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size);\n  --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-medium-size-icon-horizontal-padding: 12px;\n  --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case);\n  --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size);\n  --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-medium-size-icon-vertical-padding: 12px;\n  --filter-button-medium-size-label-horizontal-padding: 16px;\n  --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case);\n  --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family);\n  --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading);\n  --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale);\n  --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size);\n  --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking);\n  --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight);\n  --filter-button-medium-size-label-vertical-padding: 12px;\n  --filter-button-medium-size-minimum-height: 48px;\n  --filter-button-medium-size-minimum-width-multiplier: 1;\n  --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color);\n  --filter-button-normal-state-background-dark-mode-color: transparent;\n  --filter-button-normal-state-background-light-mode-color: transparent;\n  --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color);\n  --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color);\n  --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color);\n  --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-normal-state-border-size: var(--core-border-10);\n  --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color);\n  --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color);\n  --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color);\n  --filter-button-pressed-state-background-dark-mode-color: transparent;\n  --filter-button-pressed-state-background-light-mode-color: transparent;\n  --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color);\n  --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --filter-button-pressed-state-border-size: var(--core-border-10);\n  --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color);\n  --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color);\n  --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case);\n  --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family);\n  --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading);\n  --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale);\n  --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size);\n  --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking);\n  --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight);\n  --filter-button-small-size-icon-horizontal-padding: 8px;\n  --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case);\n  --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size);\n  --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-small-size-icon-vertical-padding: 8px;\n  --filter-button-small-size-label-horizontal-padding: 12px;\n  --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case);\n  --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family);\n  --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading);\n  --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale);\n  --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size);\n  --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking);\n  --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight);\n  --filter-button-small-size-label-vertical-padding: 9px;\n  --filter-button-small-size-minimum-height: 40px;\n  --filter-button-small-size-minimum-width-multiplier: 1;\n\n  /* ========== footer ========== */\n  --footer-vertical-padding-size: 16px;\n\n  /* ========== hardware-slider ========== */\n  --hardware-slider-icon-size: 24px;\n  --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color);\n  --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --hardware-slider-icon-tint-light-mode-color: var(--core-fill-white-light-mode-color);\n  --hardware-slider-minimum-height: 48px;\n  --hardware-slider-minimum-width: 48px;\n  --hardware-slider-track-active-corner-radius: 40px;\n  --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color);\n  --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --hardware-slider-track-active-height: 40px;\n  --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color);\n  --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --hardware-slider-track-active-padding-horizontal-size: 8px;\n  --hardware-slider-track-inactive-corner-radius: 16px;\n  --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);\n  --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --hardware-slider-track-inactive-height: 16px;\n  --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);\n  --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n\n  /* ========== header ========== */\n  --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size);\n  --header-bottom-padding-size: var(--core-metrics-spacing-200);\n  --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size);\n  --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height);\n  --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case);\n  --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color);\n  --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);\n  --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);\n  --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);\n  --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);\n  --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size);\n  --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);\n  --header-compact-content-style-secondary-title-vertical-title-gap: 0px;\n  --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);\n  --header-compact-content-style-title-case: var(--core-type-heading-20-case);\n  --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color);\n  --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family);\n  --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);\n  --header-compact-content-style-title-leading: var(--core-type-heading-20-leading);\n  --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing);\n  --header-compact-content-style-title-scale: var(--core-type-heading-20-scale);\n  --header-compact-content-style-title-size: var(--core-type-heading-20-size);\n  --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking);\n  --header-compact-content-style-title-weight: var(--core-type-heading-20-weight);\n  --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150);\n  --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150);\n  --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200);\n  --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-150);\n  --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);\n  --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150);\n  --header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);\n  --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100);\n  --header-divider-color: var(--header-divider-light-mode-color);\n  --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --header-divider-light-mode-color: var(--core-divider-20-light-mode-color);\n  --header-divider-size: var(--core-border-10);\n  --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300);\n  --header-horizontal-padding-size: var(--core-metrics-spacing-200);\n  --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);\n  --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case);\n  --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color);\n  --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);\n  --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);\n  --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);\n  --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);\n  --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size);\n  --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);\n  --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100);\n  --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);\n  --header-large-content-style-title-case: var(--core-type-heading-30-case);\n  --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color);\n  --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family);\n  --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);\n  --header-large-content-style-title-leading: var(--core-type-heading-30-leading);\n  --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing);\n  --header-large-content-style-title-scale: var(--core-type-heading-30-scale);\n  --header-large-content-style-title-size: var(--core-type-heading-30-size);\n  --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking);\n  --header-large-content-style-title-weight: var(--core-type-heading-30-weight);\n  --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color);\n  --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200);\n  --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color);\n  --header-main-text-minimum-width: 64px;\n  --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100);\n  --header-main-text-text-color: var(--header-main-text-light-mode-text-color);\n  --header-main-text-transition-duration: 0.16s;\n  --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300);\n  --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300);\n  --header-paragraph-case: var(--core-type-paragraph-30-case);\n  --header-paragraph-color: var(--header-paragraph-light-mode-color);\n  --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --header-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --header-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --header-paragraph-size: var(--core-type-paragraph-30-size);\n  --header-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --header-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200);\n  --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200);\n  --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-200);\n  --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200);\n  --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200);\n  --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);\n  --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200);\n  --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color);\n  --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color);\n  --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100);\n  --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color);\n  --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300);\n  --header-top-padding-size: var(--core-metrics-spacing-300);\n  --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);\n  --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);\n  --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);\n  --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);\n  --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);\n\n  /* ========== icon-button ========== */\n  --icon-button-border-radius: var(--button-border-radius);\n  --icon-button-compact-size-minimum-height: 40px;\n  --icon-button-compact-size-minimum-padding-size: 12px;\n  --icon-button-compact-size-minimum-width: 40px;\n  --icon-button-compact-size-padding-size: 12px;\n  --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-large-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-large-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --icon-button-large-size-padding-size: 20px;\n  --icon-button-large-size-width-multiplier: 1;\n  --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100);\n  --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --icon-button-medium-size-padding-size: 12px;\n  --icon-button-medium-size-width-multiplier: 1;\n  --icon-button-minimum-height: 48px;\n  --icon-button-minimum-width: 48px;\n  --icon-button-normal-size-minimum-height: 48px;\n  --icon-button-normal-size-minimum-width: 48px;\n  --icon-button-normal-size-padding-size: 16px;\n  --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-padding-size: 16px;\n  --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n  --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color);\n  --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color);\n  --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color);\n  --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color);\n  --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--core-blue-10-dark-mode-color);\n  --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color);\n  --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-small-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-small-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --icon-button-small-size-padding-size: 8px;\n  --icon-button-small-size-width-multiplier: 1;\n  --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent;\n  --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent;\n  --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n\n  /* ========== inline-section-header ========== */\n  --inline-section-header-10-heading-case: var(--core-type-heading-10-case);\n  --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family);\n  --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading);\n  --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing);\n  --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale);\n  --inline-section-header-10-heading-size: var(--core-type-heading-10-size);\n  --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking);\n  --inline-section-header-10-heading-vertical-padding: 9px;\n  --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight);\n  --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-10-paragraph-top-padding: 0px;\n  --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case);\n  --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size);\n  --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --inline-section-header-10-text-link-vertical-padding: 0px;\n  --inline-section-header-10-vertical-gap: 0px;\n  --inline-section-header-20-heading-case: var(--core-type-heading-20-case);\n  --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family);\n  --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading);\n  --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing);\n  --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale);\n  --inline-section-header-20-heading-size: var(--core-type-heading-20-size);\n  --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking);\n  --inline-section-header-20-heading-vertical-padding: 7px;\n  --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight);\n  --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-20-paragraph-top-padding: 5px;\n  --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case);\n  --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size);\n  --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --inline-section-header-20-text-link-vertical-padding: 0px;\n  --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50);\n  --inline-section-header-30-heading-case: var(--core-type-heading-30-case);\n  --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family);\n  --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading);\n  --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing);\n  --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale);\n  --inline-section-header-30-heading-size: var(--core-type-heading-30-size);\n  --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking);\n  --inline-section-header-30-heading-vertical-padding: 4px;\n  --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight);\n  --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-30-paragraph-top-padding: 12px;\n  --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case);\n  --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size);\n  --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --inline-section-header-30-text-link-vertical-padding: 0px;\n  --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150);\n  --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color);\n  --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100);\n  --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color);\n  --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);\n  --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color);\n  --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n\n  /* ========== inline-status ========== */\n  --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color);\n  --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color);\n  --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color);\n  --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color);\n  --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color);\n  --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --inline-status-normal-size-icon-size: 20px;\n  --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50);\n  --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case);\n  --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family);\n  --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading);\n  --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale);\n  --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size);\n  --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking);\n  --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight);\n  --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color);\n  --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color);\n  --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color);\n  --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color);\n  --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color);\n  --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color);\n  --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== keyboard-bar ========== */\n  --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color);\n  --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color);\n  --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color);\n  --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100);\n  --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color);\n  --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color);\n  --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color);\n  --keyboard-bar-spacing: var(--core-metrics-spacing-100);\n  --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color);\n  --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150);\n\n  /* ========== menu ========== */\n  --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);\n  --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color);\n  --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color);\n  --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);\n  --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);\n  --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color);\n  --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color);\n  --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);\n  --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);\n  --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color);\n  --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color);\n  --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);\n  --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);\n  --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color);\n  --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color);\n  --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color);\n  --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color);\n  --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color);\n  --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color);\n  --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color);\n  --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);\n  --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);\n  --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color);\n  --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color);\n  --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent;\n  --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent;\n  --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);\n  --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);\n  --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color);\n  --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color);\n  --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);\n  --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color);\n  --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color);\n  --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent;\n  --menu-item-unselected-value-normal-state-background-light-mode-color: transparent;\n  --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);\n  --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color);\n  --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color);\n  --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color);\n  --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n\n  /* ========== modalBlade ========== */\n  --modal-blade-background-color: var(--modal-blade-background-light-mode-color);\n  --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding);\n  --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-blade-corner-radius: var(--core-radius-modals);\n  --modal-blade-maximum-width-size: 464px;\n  --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-bottom-size: 0px;\n  --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-width-size: 464px;\n\n  /* ========== modalDialog ========== */\n  --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);\n  --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);\n  --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);\n  --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);\n  --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);\n  --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);\n  --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);\n  --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);\n  --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);\n  --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);\n  --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);\n  --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);\n  --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);\n  --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);\n  --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);\n  --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);\n  --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);\n  --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);\n  --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);\n  --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);\n  --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);\n  --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);\n  --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);\n  --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-spacing: var(--button-group-spacing);\n  --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400);\n  --modal-dialog-animation-duration: 0.50s;\n  --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-dialog-animation-enter-transition-opacity: 0;\n  --modal-dialog-animation-enter-transition-scale: 0.9;\n  --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-dialog-animation-exit-transition-opacity: 0;\n  --modal-dialog-animation-exit-transition-scale: 0.9;\n  --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color);\n  --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-dialog-border-radius: var(--core-radius-modals);\n  --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color);\n  --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case);\n  --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family);\n  --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading);\n  --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale);\n  --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size);\n  --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking);\n  --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight);\n  --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size);\n  --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size);\n  --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400);\n  --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200);\n  --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size);\n  --modal-dialog-maximum-width-size: 480px;\n  --modal-dialog-medium-viewport-horizontal-padding-size: 40px;\n  --modal-dialog-medium-viewport-vertical-padding-size: 24px;\n  --modal-dialog-medium-viewport-width: 480px;\n  --modal-dialog-narrow-viewport-horizontal-padding-size: 24px;\n  --modal-dialog-narrow-viewport-vertical-padding-size: 24px;\n  --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color);\n  --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size);\n  --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-wide-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-wide-viewport-horizontal-padding-size: 32px;\n  --modal-dialog-wide-viewport-vertical-padding-size: 24px;\n  --modal-dialog-wide-viewport-width: 480px;\n\n  /* ========== modalFull ========== */\n  --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration);\n  --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-full-background-color: var(--modal-full-background-light-mode-color);\n  --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150);\n  --modal-full-fixed-layout-width: 600px;\n  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);\n  --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration);\n  --modal-full-medium-viewport-horizontal-padding-size: 24px;\n  --modal-full-medium-viewport-vertical-padding-size: 24px;\n  --modal-full-narrow-viewport-animation-duration: 0.50s;\n  --modal-full-narrow-viewport-horizontal-padding-size: 16px;\n  --modal-full-narrow-viewport-vertical-padding-size: 16px;\n  --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-full-veil-color: var(--modal-full-veil-light-mode-color);\n  --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);\n  --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration);\n  --modal-full-wide-viewport-horizontal-padding-size: 32px;\n  --modal-full-wide-viewport-vertical-padding-size: 16px;\n\n  /* ========== modalPartial ========== */\n  --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);\n  --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-partial-animation-enter-transition-opacity: 0;\n  --modal-partial-animation-enter-transition-scale: 0.9;\n  --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-partial-animation-exit-transition-opacity: 0;\n  --modal-partial-animation-exit-transition-scale: 0.9;\n  --modal-partial-background-color: var(--modal-partial-background-light-mode-color);\n  --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-partial-border-radius: var(--core-radius-modals);\n  --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding);\n  --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px;\n  --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);\n  --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300);\n  --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300);\n  --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size);\n  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size);\n  --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);\n  --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-medium-viewport-width: 664px;\n  --modal-partial-narrow-viewport-animation-duration: 0.50s;\n  --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200);\n  --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px;\n  --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200);\n  --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px;\n  --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-regular-horizontal-size-class-maximum-width: 664px;\n  --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);\n  --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);\n  --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color);\n  --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size);\n  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size);\n  --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);\n  --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);\n  --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);\n  --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration);\n  --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-wide-viewport-width: 664px;\n\n  /* ========== modalPopover ========== */\n  --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100);\n  --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100);\n  --modal-popover-appear-animation-percentage: 70px;\n  --modal-popover-background-color: var(--modal-popover-background-light-mode-color);\n  --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color);\n  --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --modal-popover-border-radius: var(--core-radius-100);\n  --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);\n  --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding);\n  --modal-popover-size-maximum-height: 464px;\n  --modal-popover-size-minimum-width: 200px;\n  --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);\n  --modal-popover-wide-viewport-max-height-size: 500px;\n  --modal-popover-wide-viewport-min-width-size: 200px;\n  --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100);\n  --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300);\n  --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300);\n  --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100);\n\n  /* ========== modalSheet ========== */\n  --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color);\n  --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-sheet-border-radius: var(--core-radius-modals);\n  --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px;\n  --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-sheet-compact-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color);\n  --modal-sheet-handle-border-radius: var(--core-radius-circle);\n  --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2);\n  --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color);\n  --modal-sheet-handle-height: 6px;\n  --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-padding-bottom-size: 8px;\n  --modal-sheet-handle-padding-top-size: 26px;\n  --modal-sheet-handle-top-buffer-size: 10px;\n  --modal-sheet-handle-width: 56px;\n  --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size);\n  --modal-sheet-narrow-viewport-margin-bottom-size: 0px;\n  --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200);\n  --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size);\n  --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size);\n  --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size);\n  --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size);\n  --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);\n  --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-regular-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color);\n  --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);\n  --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-wide-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-wide-viewport-margin-bottom-size: 16px;\n  --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);\n\n  /* ========== numpad ========== */\n  --numpad-tall-layout-button-border-radius: var(--button-border-radius);\n\n  /* ========== pageIndicator ========== */\n  --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color);\n  --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color);\n  --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color);\n  --page-indicator-dot-size: 6px;\n  --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color);\n  --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color);\n  --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color);\n  --page-indicator-selected-size: 8px;\n  --page-indicator-spacing-size: 6px;\n\n  /* ========== pagination ========== */\n  --pagination-nav-content-spacing: var(--core-metrics-spacing-100);\n  --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100);\n  --pagination-nav-vertical-margin: var(--core-metrics-spacing-200);\n\n  /* ========== pagingIndicator ========== */\n  --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color);\n  --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --paging-indicator-selected-state-height: var(--core-metrics-spacing-50);\n  --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --paging-indicator-selected-state-width: var(--core-metrics-spacing-300);\n  --paging-indicator-spacing: var(--core-metrics-spacing-25);\n  --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color);\n  --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25);\n  --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color);\n  --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300);\n\n  /* ========== pill ========== */\n  --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color);\n  --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n  --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color);\n  --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color);\n  --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color);\n  --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color);\n  --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color);\n  --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);\n  --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color);\n  --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color);\n  --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color);\n  --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color);\n  --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color);\n  --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color);\n  --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n  --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color);\n  --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color);\n  --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color);\n  --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color);\n  --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color);\n  --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);\n  --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color);\n  --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color);\n  --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color);\n  --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color);\n  --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color);\n  --pill-border-color: var(--pill-border-light-mode-color);\n  --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --pill-border-light-mode-color: var(--core-surface-5-light-mode-color);\n  --pill-border-width: var(--core-border-20);\n  --pill-compact-size-border-radius: var(--core-radius-circle);\n  --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius);\n  --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100);\n  --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius);\n  --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left);\n  --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size);\n  --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right);\n  --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200);\n  --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding);\n  --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding);\n  --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right);\n  --pill-compact-size-text-case: var(--core-type-semibold-10-case);\n  --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left);\n  --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family);\n  --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-compact-size-text-leading: var(--core-type-semibold-10-leading);\n  --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --pill-compact-size-text-scale: var(--core-type-semibold-10-scale);\n  --pill-compact-size-text-size: var(--core-type-semibold-10-size);\n  --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking);\n  --pill-compact-size-text-weight: var(--core-type-semibold-10-weight);\n  --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25);\n  --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color);\n  --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n  --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color);\n  --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);\n  --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);\n  --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color);\n  --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color);\n  --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n  --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color);\n  --pill-emphasis-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --pill-emphasis-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color);\n  --pill-emphasis-variant-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --pill-emphasis-variant-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color);\n  --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n  --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color);\n  --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color);\n  --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color);\n  --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);\n  --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color);\n  --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color);\n  --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color);\n  --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --pill-normal-size-border-radius: var(--core-radius-circle);\n  --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius);\n  --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius);\n  --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left);\n  --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size);\n  --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right);\n  --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-normal-size-indicator-dot-radius: 5px;\n  --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200);\n  --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding);\n  --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding);\n  --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right);\n  --pill-normal-size-text-case: var(--core-type-semibold-20-case);\n  --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left);\n  --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150);\n  --pill-normal-size-text-leading: var(--core-type-semibold-20-leading);\n  --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --pill-normal-size-text-scale: var(--core-type-semibold-20-scale);\n  --pill-normal-size-text-size: var(--core-type-semibold-20-size);\n  --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --pill-normal-size-text-weight: var(--core-type-semibold-20-weight);\n  --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50);\n  --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color);\n  --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n  --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color);\n  --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);\n  --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n  --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color);\n  --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color);\n  --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n  --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color);\n  --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color);\n  --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color);\n  --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color);\n  --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color);\n  --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color);\n  --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color);\n  --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color);\n  --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n  --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color);\n  --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color);\n  --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color);\n  --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);\n  --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color);\n  --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color);\n  --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color);\n  --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== progressMeter ========== */\n  --progress-meter-bar-height: 4px;\n  --progress-meter-bar-radius: 2px;\n  --progress-meter-bar-width: 120px;\n  --progress-meter-radial-large-size-diameter-size: 60px;\n  --progress-meter-radial-large-size-stroke-size: 6px;\n  --progress-meter-radial-small-size-diameter-size: 20px;\n  --progress-meter-radial-small-size-stroke-size: 2px;\n\n  /* ========== qrcode ========== */\n  --qrcode-border-color: var(--qrcode-border-light-mode-color);\n  --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color);\n  --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color);\n  --qrcode-border-radius: var(--core-radius-266);\n  --qrcode-border-width: 1px;\n  --qrcode-gap: var(--core-metrics-spacing-200);\n  --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color);\n  --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color);\n  --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color);\n  --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color);\n  --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n  --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color);\n  --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n  --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color);\n  --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color);\n  --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color);\n  --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color);\n  --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color);\n  --qrcode-normal-variant-icon-dark-mode-color: var(--core-blue-fill-dark-mode-color);\n  --qrcode-normal-variant-icon-light-mode-color: var(--core-blue-fill-light-mode-color);\n  --qrcode-padding: var(--core-metrics-spacing-600);\n\n  /* ========== quantity-input-field ========== */\n  --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color);\n  --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100);\n  --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color);\n  --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color);\n  --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case);\n  --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family);\n  --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading);\n  --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced';\n  --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale);\n  --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size);\n  --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking);\n  --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight);\n  --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case);\n  --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family);\n  --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading);\n  --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale);\n  --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size);\n  --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking);\n  --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight);\n  --quantity-input-field-value-text-case: var(--core-type-display-20-case);\n  --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color);\n  --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family);\n  --quantity-input-field-value-text-leading: var(--core-type-display-20-leading);\n  --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --quantity-input-field-value-text-number-spacing: 'monospaced';\n  --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color);\n  --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --quantity-input-field-value-text-scale: var(--core-type-display-20-scale);\n  --quantity-input-field-value-text-size: var(--core-type-display-20-size);\n  --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking);\n  --quantity-input-field-value-text-weight: var(--core-type-display-20-weight);\n\n  /* ========== radio ========== */\n  --radio-border-radius: 100px;\n  --radio-border-size: var(--core-border-20);\n  --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);\n  --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);\n  --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color);\n  --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);\n  --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);\n  --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);\n  --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);\n  --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-height: var(--radio-width);\n  --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --radio-selected-value-border-radius: var(--core-radius-circle);\n  --radio-selected-value-border-size: 0px;\n  --radio-selected-value-dot-size: 0.3;\n  --radio-svg-radius: 3px;\n  --radio-unselected-value-border-radius: var(--core-radius-circle);\n  --radio-unselected-value-border-size: var(--core-border-20);\n  --radio-unselected-value-dot-size: 0;\n  --radio-width: var(--core-control-size-width);\n\n  /* ========== rich-text ========== */\n  --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200);\n  --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color);\n  --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --rich-text-toolbar-background-radius: var(--field-border-radius);\n  --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height);\n  --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width);\n  --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400);\n  --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-width-multiplier: 1;\n  --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding);\n  --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color);\n  --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color);\n  --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200);\n  --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150);\n\n  /* ========== row ========== */\n  --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);\n  --row-background-radius: var(--row-normal-variant-background-radius);\n  --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);\n  --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);\n  --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);\n  --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius);\n  --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);\n  --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color);\n  --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n  --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color);\n  --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n  --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);\n  --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color);\n  --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n  --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color);\n  --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n  --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color);\n  --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n  --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color);\n  --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color);\n  --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n  --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color);\n  --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n  --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color);\n  --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n  --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color);\n  --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n  --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color);\n  --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n  --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color);\n  --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n  --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n  --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n  --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-hover-state-separator-dark-mode-color: transparent;\n  --row-destructive-variant-hover-state-separator-light-mode-color: transparent;\n  --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n  --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n  --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color);\n  --row-destructive-variant-normal-state-background-dark-mode-color: transparent;\n  --row-destructive-variant-normal-state-background-light-mode-color: transparent;\n  --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color);\n  --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);\n  --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color);\n  --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);\n  --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color);\n  --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n  --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color);\n  --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n  --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color);\n  --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);\n  --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color);\n  --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n  --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color);\n  --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n  --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color);\n  --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n  --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color);\n  --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n  --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color);\n  --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n  --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color);\n  --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n  --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color);\n  --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n  --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color);\n  --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n  --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height);\n  --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color);\n  --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n  --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color);\n  --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n  --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);\n  --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color);\n  --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n  --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color);\n  --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n  --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color);\n  --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n  --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color);\n  --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n  --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color);\n  --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n  --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color);\n  --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n  --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --row-focus-ring-color: var(--row-light-mode-focus-ring-color);\n  --row-focus-ring-radius: 6px;\n  --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color);\n  --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color);\n  --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color);\n  --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color);\n  --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);\n  --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color);\n  --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color);\n  --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);\n  --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color);\n  --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color);\n  --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);\n  --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color);\n  --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color);\n  --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);\n  --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);\n  --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color);\n  --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);\n  --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color);\n  --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);\n  --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);\n  --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color);\n  --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);\n  --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);\n  --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color);\n  --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color);\n  --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color);\n  --row-horizontal-spacing: 12px;\n  --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color);\n  --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n  --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color);\n  --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color);\n  --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color);\n  --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n  --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color);\n  --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color);\n  --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color);\n  --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n  --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color);\n  --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color);\n  --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n  --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);\n  --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case);\n  --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family);\n  --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading);\n  --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale);\n  --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size);\n  --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking);\n  --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight);\n  --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-subtext-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-subtext-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-text-case: var(--core-type-medium-30-case);\n  --row-medium-size-text-font-family: var(--core-type-medium-30-font-family);\n  --row-medium-size-text-leading: var(--core-type-medium-30-leading);\n  --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing);\n  --row-medium-size-text-scale: var(--core-type-medium-30-scale);\n  --row-medium-size-text-size: var(--core-type-medium-30-size);\n  --row-medium-size-text-tracking: var(--core-type-medium-30-tracking);\n  --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25);\n  --row-medium-size-text-vertical-spacing: 2px;\n  --row-medium-size-text-weight: var(--core-type-medium-30-weight);\n  --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150);\n  --row-medium-size-vertical-padding: var(--core-metrics-spacing-200);\n  --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color);\n  --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n  --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color);\n  --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color);\n  --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color);\n  --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);\n  --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color);\n  --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color);\n  --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color);\n  --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color);\n  --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color);\n  --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100);\n  --row-normal-variant-background-radius: var(--core-radius-10);\n  --row-normal-variant-background-vertical-outset-padding: 0px;\n  --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n  --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);\n  --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state);\n  --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);\n  --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color);\n  --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n  --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color);\n  --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color);\n  --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color);\n  --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n  --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);\n  --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n  --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color);\n  --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n  --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-normal-variant-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --row-normal-variant-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-normal-variant-hover-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-hover-state-separator-light-mode-color: transparent;\n  --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-variant-normal-state-background-dark-mode-color: transparent;\n  --row-normal-variant-normal-state-background-light-mode-color: transparent;\n  --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);\n  --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color);\n  --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color);\n  --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);\n  --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);\n  --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);\n  --row-normal-variant-pressed-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-pressed-state-separator-light-mode-color: transparent;\n  --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);\n  --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color);\n  --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);\n  --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color);\n  --row-normal-variant-selected-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n  --row-normal-variant-selected-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color);\n  --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color);\n  --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color);\n  --row-normal-variant-selected-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-selected-state-separator-light-mode-color: transparent;\n  --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);\n  --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);\n  --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color);\n  --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-separator-height: 1px;\n  --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color);\n  --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);\n  --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color);\n  --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color);\n  --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);\n  --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);\n  --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color);\n  --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);\n  --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);\n  --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color);\n  --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);\n  --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);\n  --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color);\n  --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);\n  --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color);\n  --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);\n  --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color);\n  --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);\n  --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);\n  --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color);\n  --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);\n  --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color);\n  --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);\n  --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color);\n  --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color);\n  --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);\n  --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);\n  --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color);\n  --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color);\n  --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color);\n  --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color);\n  --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);\n  --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color);\n  --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color);\n  --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);\n  --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color);\n  --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color);\n  --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);\n  --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color);\n  --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color);\n  --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);\n  --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);\n  --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color);\n  --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);\n  --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color);\n  --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);\n  --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);\n  --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color);\n  --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);\n  --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);\n  --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color);\n  --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color);\n  --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color);\n  --row-separator-height: var(--row-normal-variant-separator-height);\n  --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case);\n  --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family);\n  --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading);\n  --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale);\n  --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size);\n  --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking);\n  --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight);\n  --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case);\n  --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size);\n  --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-subtext-case: var(--core-type-paragraph-10-case);\n  --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-subtext-size: var(--core-type-paragraph-10-size);\n  --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case);\n  --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size);\n  --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-text-case: var(--core-type-semibold-20-case);\n  --row-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --row-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --row-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --row-small-size-text-size: var(--core-type-semibold-20-size);\n  --row-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap);\n  --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing);\n  --row-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap);\n  --row-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --row-text-accessory-spacing: 8px;\n\n  /* ========== search ========== */\n  --search-border-radius: var(--field-border-radius);\n  --search-border-size: var(--field-border-size);\n  --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color);\n  --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);\n  --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color);\n  --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color);\n  --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color);\n  --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color);\n  --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color);\n  --search-focused-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --search-focused-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --search-focused-state-border-size: 2px;\n  --search-hint-text-color: var(--search-hint-text-light-mode-color);\n  --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --search-input-case: var(--field-input-case);\n  --search-input-font-family: var(--field-input-font-family);\n  --search-input-leading: var(--field-input-leading);\n  --search-input-number-spacing: var(--field-input-number-spacing);\n  --search-input-scale: var(--field-input-scale);\n  --search-input-size: var(--field-input-size);\n  --search-input-tracking: var(--field-input-tracking);\n  --search-input-weight: var(--field-input-weight);\n  --search-large-size-minimum-height: 56px;\n  --search-large-size-padding-horizontal: var(--core-metrics-spacing-200);\n  --search-large-size-padding-vertical: var(--core-metrics-spacing-150);\n  --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal);\n  --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right);\n  --search-normal-size-minimum-height: 40px;\n  --search-normal-size-padding-horizontal: var(--core-metrics-spacing-150);\n  --search-normal-size-padding-vertical: var(--core-metrics-spacing-100);\n  --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150);\n  --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100);\n  --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color);\n  --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color);\n  --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color);\n  --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color);\n  --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color);\n  --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n\n  /* ========== segmentedControl ========== */\n  --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration);\n  --segmented-control-animation-easing: var(--core-animation-exit-transition-easing);\n  --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color);\n  --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color);\n  --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color);\n  --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color);\n  --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color);\n  --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color);\n  --segmented-control-background-radius: var(--segmented-control-radius);\n  --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color);\n  --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --segmented-control-horizontal-padding: var(--core-metrics-spacing-50);\n  --segmented-control-minimum-height: var(--core-medium-size-minimum-height);\n  --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color);\n  --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color);\n  --segmented-control-option-background-disabled-state-dark-mode-color: transparent;\n  --segmented-control-option-background-disabled-state-light-mode-color: transparent;\n  --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color);\n  --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color);\n  --segmented-control-option-background-normal-state-dark-mode-color: transparent;\n  --segmented-control-option-background-normal-state-light-mode-color: transparent;\n  --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color);\n  --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --segmented-control-option-background-radius: var(--segmented-control-option-radius);\n  --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color);\n  --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);\n  --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);\n  --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);\n  --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity);\n  --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity);\n  --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);\n  --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity);\n  --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100);\n  --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100);\n  --segmented-control-option-label-case: var(--core-type-semibold-30-case);\n  --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color);\n  --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family);\n  --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color);\n  --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n  --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-leading: var(--core-type-semibold-30-leading);\n  --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color);\n  --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --segmented-control-option-label-scale: var(--core-type-semibold-30-scale);\n  --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color);\n  --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n  --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-label-size: var(--core-type-semibold-30-size);\n  --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking);\n  --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-label-weight: var(--core-type-semibold-30-weight);\n  --segmented-control-option-minimum-height: var(--core-small-size-minimum-height);\n  --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding);\n  --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding);\n  --segmented-control-option-radius: var(--core-radius-66);\n  --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);\n  --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);\n  --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-badge-opacity: 1;\n  --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);\n  --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --segmented-control-option-selected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap);\n  --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);\n  --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);\n  --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state);\n  --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);\n  --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent;\n  --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100);\n  --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding);\n  --segmented-control-padding-vertical: var(--segmented-control-vertical-padding);\n  --segmented-control-radius: var(--core-radius-100);\n  --segmented-control-vertical-padding: var(--core-metrics-spacing-50);\n\n  /* ========== select ========== */\n  --select-caret-color: var(--select-caret-light-mode-color);\n  --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color);\n  --select-caret-icon-height: var(--select-disclosure-indicator-icon-height);\n  --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color);\n  --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color);\n  --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --select-disclosure-indicator-icon-height: 8px;\n  --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color);\n\n  /* ========== skeleton-loader ========== */\n  --skeleton-loader-animation-duration: 3.00s;\n  --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0);\n  --skeleton-loader-border-radius: var(--core-radius-10);\n  --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color);\n  --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color);\n  --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color);\n  --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color);\n  --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color);\n  --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0);\n  --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1);\n  --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15);\n  --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0);\n  --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05);\n  --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08);\n  --skeleton-loader-gradient-width-ratio: 0.5;\n\n  /* ========== stepper ========== */\n  --stepper-border-radius: var(--field-border-radius);\n  --stepper-button-border-radius: 4px;\n  --stepper-button-decrement-height: var(--stepper-button-increment-height);\n  --stepper-button-decrement-scale: var(--stepper-button-increment-scale);\n  --stepper-button-decrement-width: var(--stepper-button-increment-width);\n  --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color);\n  --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color);\n  --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color);\n  --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color);\n  --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color);\n  --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color);\n  --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --stepper-button-increment-height: 16px;\n  --stepper-button-increment-scale: var(--core-type-semibold-20-scale);\n  --stepper-button-increment-width: 16px;\n  --stepper-button-minimum-height: 24px;\n  --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color);\n  --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color);\n  --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --stepper-button-padding-size: 4px;\n  --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color);\n  --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color);\n  --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --stepper-button-width-multiplier: 1;\n  --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color);\n  --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color);\n  --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color);\n  --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color);\n  --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color);\n  --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color);\n  --stepper-disabled-state-border-size: var(--field-border-size);\n  --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color);\n  --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color);\n  --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color);\n  --stepper-focus-state-border-size: var(--field-focus-state-border-size);\n  --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color);\n  --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);\n  --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color);\n  --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color);\n  --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n  --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --stepper-horizontal-spacing: 12px;\n  --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color);\n  --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color);\n  --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color);\n  --stepper-hover-state-border-size: var(--field-border-size);\n  --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color);\n  --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);\n  --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color);\n  --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color);\n  --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n  --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color);\n  --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color);\n  --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color);\n  --stepper-normal-state-border-size: var(--field-border-size);\n  --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color);\n  --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);\n  --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color);\n  --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color);\n  --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color);\n  --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color);\n  --stepper-padding-size: 12px;\n  --stepper-quantity-input-field-minimum-width-multiplier: 1.66;\n  --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case);\n  --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);\n  --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family);\n  --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading);\n  --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);\n  --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --stepper-quantity-input-field-value-text-number-spacing: 'monospaced';\n  --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);\n  --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale);\n  --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size);\n  --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking);\n  --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight);\n\n  /* ========== sticky-section-header ========== */\n  --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color);\n  --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100);\n  --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color);\n  --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color);\n  --sticky-section-header-separator-height: 1px;\n  --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color);\n  --sticky-section-header-text-case: var(--core-type-heading-10-case);\n  --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color);\n  --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family);\n  --sticky-section-header-text-leading: var(--core-type-heading-10-leading);\n  --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color);\n  --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case);\n  --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size);\n  --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --sticky-section-header-text-link-vertical-padding: 0px;\n  --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing);\n  --sticky-section-header-text-scale: var(--core-type-heading-10-scale);\n  --sticky-section-header-text-size: var(--core-type-heading-10-size);\n  --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking);\n  --sticky-section-header-text-weight: var(--core-type-heading-10-weight);\n  --sticky-section-header-vertical-padding: 9px;\n\n  /* ========== subtle-button ========== */\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color);\n  --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100);\n  --subtle-button-minimum-height: 24px;\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --subtle-button-padding-size: 0px;\n  --subtle-button-width-multiplier: 1;\n\n  /* ========== swipe-action ========== */\n  --swipe-action-corner-radius: var(--core-radius-100);\n  --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color);\n  --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color);\n  --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);\n  --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color);\n  --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color);\n  --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);\n  --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color);\n  --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color);\n  --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color);\n\n  /* ========== tabbar ========== */\n  --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color);\n  --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color);\n  --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-accessory-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color);\n  --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-accessory-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color);\n  --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-background-color: var(--tabbar-background-light-mode-color);\n  --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing);\n  --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom);\n  --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left);\n  --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right);\n  --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top);\n  --tabbar-divider-color: var(--tabbar-divider-light-mode-color);\n  --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color);\n  --tabbar-divider-size: var(--core-border-10);\n  --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25);\n  --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case);\n  --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family);\n  --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading);\n  --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale);\n  --tabbar-item-bottom-label-style-text-size: 10px;\n  --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking);\n  --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight);\n  --tabbar-item-corner-radius: var(--core-radius-100);\n  --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-icon-only-style-icon-text-gap: 0px;\n  --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case);\n  --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family);\n  --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading);\n  --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale);\n  --tabbar-item-icon-only-style-text-size: 10px;\n  --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking);\n  --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight);\n  --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color);\n  --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n  --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color);\n  --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color);\n  --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color);\n  --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case);\n  --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family);\n  --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading);\n  --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale);\n  --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size);\n  --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking);\n  --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight);\n  --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height);\n  --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width);\n  --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap);\n  --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left);\n  --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right);\n  --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case);\n  --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family);\n  --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading);\n  --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing);\n  --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale);\n  --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size);\n  --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking);\n  --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight);\n  --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150);\n  --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing);\n  --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left);\n  --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right);\n  --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);\n\n  /* ========== tableCell ========== */\n  --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color);\n  --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color);\n  --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color);\n  --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color);\n  --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color);\n  --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color);\n  --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color);\n  --table-cell-selected-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --table-cell-selected-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n\n  /* ========== tag ========== */\n  --tag-basic-format-bottom-padding: 7px;\n  --tag-basic-format-left-padding: 12px;\n  --tag-basic-format-right-padding: 8px;\n  --tag-basic-format-top-padding: 7px;\n  --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color);\n  --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color);\n  --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color);\n  --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color);\n  --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color);\n  --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color);\n  --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color);\n  --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color);\n  --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color);\n  --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color);\n  --tag-horizontal-spacing: 4px;\n  --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color);\n  --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color);\n  --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color);\n  --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color);\n  --tag-minimum-width-multiplier: 1.5;\n  --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color);\n  --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color);\n  --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color);\n  --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color);\n  --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color);\n  --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color);\n  --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color);\n  --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color);\n  --tag-remove-indicator-height: 16px;\n  --tag-remove-indicator-icon-height: 16px;\n  --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale);\n  --tag-remove-indicator-icon-width: 16px;\n  --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale);\n  --tag-remove-indicator-width: 16px;\n  --tag-text-case: var(--core-type-paragraph-10-case);\n  --tag-text-font-family: var(--core-type-paragraph-10-font-family);\n  --tag-text-leading: var(--core-type-paragraph-10-leading);\n  --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --tag-text-scale: var(--core-type-paragraph-10-scale);\n  --tag-text-size: var(--core-type-paragraph-10-size);\n  --tag-text-tracking: var(--core-type-paragraph-10-tracking);\n  --tag-text-weight: var(--core-type-paragraph-10-weight);\n  --tag-with-icon-format-bottom-padding: 8px;\n  --tag-with-icon-format-left-padding: 8px;\n  --tag-with-icon-format-right-padding: 8px;\n  --tag-with-icon-format-top-padding: 8px;\n\n  /* ========== text-link-group ========== */\n  --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150);\n  --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color);\n  --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --text-link-group-separator-height: 8px;\n  --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color);\n  --text-link-group-separator-opacity: 0.3;\n  --text-link-group-separator-width: 1px;\n  --text-link-group-vertical-spacing: var(--core-metrics-spacing-200);\n\n  /* ========== text-link ========== */\n  --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color);\n  --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);\n  --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color);\n  --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color);\n  --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color);\n  --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color);\n  --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color);\n  --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);\n  --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color);\n  --text-link-disabled-state-opacity: 0.3;\n  --text-link-hover-state-opacity: 0.6;\n  --text-link-inline-style-disabled-state-underline-size: 1px;\n  --text-link-inline-style-hover-state-underline-size: 0px;\n  --text-link-inline-style-normal-state-underline-size: 1px;\n  --text-link-inline-style-pressed-state-underline-size: 0px;\n  --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);\n  --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --text-link-inverted-variant-disabled-state-opacity: 0.3;\n  --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color);\n  --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --text-link-inverted-variant-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color);\n  --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --text-link-inverted-variant-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);\n  --text-link-inverted-variant-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --text-link-medium-size-text-case: var(--core-type-semibold-30-case);\n  --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --text-link-medium-size-text-size: var(--core-type-semibold-30-size);\n  --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --text-link-medium-size-vertical-padding: 0px;\n  --text-link-normal-state-opacity: 1;\n  --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color);\n  --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --text-link-normal-variant-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --text-link-normal-variant-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --text-link-normal-variant-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --text-link-pressed-state-opacity: 0.6;\n  --text-link-small-size-text-case: var(--core-type-semibold-20-case);\n  --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --text-link-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --text-link-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --text-link-small-size-text-size: var(--core-type-semibold-20-size);\n  --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --text-link-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --text-link-small-size-vertical-padding: 0px;\n  --text-link-standalone-style-disabled-state-underline-size: 0px;\n  --text-link-standalone-style-hover-state-underline-size: 1px;\n  --text-link-standalone-style-normal-state-underline-size: 0px;\n  --text-link-standalone-style-pressed-state-underline-size: 1px;\n\n  /* ========== textarea ========== */\n  --textarea-font-case: var(--core-type-paragraph-30-case);\n  --textarea-font-font-family: var(--core-type-paragraph-30-font-family);\n  --textarea-font-leading: var(--core-type-paragraph-30-leading);\n  --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --textarea-font-scale: var(--core-type-paragraph-30-scale);\n  --textarea-font-size: var(--core-type-paragraph-30-size);\n  --textarea-font-tracking: var(--core-type-paragraph-30-tracking);\n  --textarea-font-weight: var(--core-type-paragraph-30-weight);\n  --textarea-height: 112px;\n  --textarea-maximum-height: 320px;\n  --textarea-min-height: var(--textarea-minimum-height);\n  --textarea-minimum-height: var(--textarea-height);\n  --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color);\n  --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color);\n  --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color);\n  --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color);\n  --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color);\n  --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color);\n  --textarea-selection-highlight-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --textarea-selection-highlight-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color);\n  --textarea-selection-text-cursor-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --textarea-selection-text-cursor-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n\n  /* ========== toast ========== */\n  --toast-accent-color: var(--toast-accent-light-mode-color);\n  --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color);\n  --toast-background-color: var(--toast-background-light-mode-color);\n  --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --toast-button-gap: var(--core-metrics-spacing-150);\n  --toast-button-spacing: var(--toast-button-gap);\n  --toast-button-text-case: var(--core-type-semibold-30-case);\n  --toast-button-text-font-family: var(--core-type-semibold-30-font-family);\n  --toast-button-text-leading: var(--core-type-semibold-30-leading);\n  --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --toast-button-text-scale: var(--core-type-semibold-30-scale);\n  --toast-button-text-size: var(--core-type-semibold-30-size);\n  --toast-button-text-tracking: var(--core-type-semibold-30-tracking);\n  --toast-button-text-weight: var(--core-type-semibold-30-weight);\n  --toast-content-gap: var(--core-metrics-spacing-150);\n  --toast-content-spacing: var(--toast-content-gap);\n  --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color);\n  --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color);\n  --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color);\n  --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color);\n  --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);\n  --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color);\n  --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color);\n  --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color);\n  --toast-critical-variant-icon-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);\n  --toast-critical-variant-icon-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);\n  --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-link-dark-mode-color: var(--toast-critical-variant-text-dark-mode-color);\n  --toast-critical-variant-link-light-mode-color: var(--toast-critical-variant-text-light-mode-color);\n  --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color);\n  --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);\n  --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);\n  --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color);\n  --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);\n  --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color);\n  --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color);\n  --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --toast-dismissal-delay-long-duration: 10.00s;\n  --toast-dismissal-delay-medium-duration: 5.00s;\n  --toast-dismissal-delay-short-duration: 2.00s;\n  --toast-horizontal-padding: var(--core-metrics-spacing-200);\n  --toast-horizontal-padding-size: var(--toast-horizontal-padding);\n  --toast-icon-color: var(--toast-icon-light-mode-color);\n  --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color);\n  --toast-icon-gap: var(--core-metrics-spacing-150);\n  --toast-icon-light-mode-color: var(--toast-accent-light-mode-color);\n  --toast-icon-spacing: var(--toast-icon-gap);\n  --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color);\n  --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color);\n  --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-info-variant-button-text-case: var(--toast-info-variant-link-case);\n  --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color);\n  --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);\n  --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family);\n  --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading);\n  --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap);\n  --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);\n  --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing);\n  --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale);\n  --toast-info-variant-button-text-size: var(--toast-info-variant-link-size);\n  --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking);\n  --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight);\n  --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color);\n  --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color);\n  --toast-info-variant-icon-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color);\n  --toast-info-variant-icon-light-mode-color: var(--toast-info-variant-accent-light-mode-color);\n  --toast-info-variant-link-case: var(--toast-info-variant-text-case);\n  --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color);\n  --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family);\n  --toast-info-variant-link-leading: var(--toast-info-variant-text-leading);\n  --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color);\n  --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap);\n  --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing);\n  --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing);\n  --toast-info-variant-link-scale: var(--toast-info-variant-text-scale);\n  --toast-info-variant-link-size: var(--toast-info-variant-text-size);\n  --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking);\n  --toast-info-variant-link-weight: var(--toast-info-variant-text-weight);\n  --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color);\n  --toast-info-variant-progress-bar-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color);\n  --toast-info-variant-progress-bar-light-mode-color: var(--toast-info-variant-accent-light-mode-color);\n  --toast-info-variant-separator-case: var(--toast-info-variant-link-case);\n  --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color);\n  --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);\n  --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family);\n  --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading);\n  --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap);\n  --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);\n  --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing);\n  --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale);\n  --toast-info-variant-separator-size: var(--toast-info-variant-link-size);\n  --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking);\n  --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight);\n  --toast-info-variant-text-case: var(--toast-text-case);\n  --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color);\n  --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-info-variant-text-font-family: var(--toast-text-font-family);\n  --toast-info-variant-text-leading: var(--toast-text-leading);\n  --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-info-variant-text-scale: var(--toast-text-scale);\n  --toast-info-variant-text-size: var(--toast-text-size);\n  --toast-info-variant-text-tracking: var(--toast-text-tracking);\n  --toast-info-variant-text-weight: var(--toast-text-weight);\n  --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color);\n  --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color);\n  --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);\n  --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color);\n  --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color);\n  --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color);\n  --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);\n  --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color);\n  --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color);\n  --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color);\n  --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);\n  --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color);\n  --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);\n  --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color);\n  --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color);\n  --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color);\n  --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color);\n  --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);\n  --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);\n  --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color);\n  --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);\n  --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color);\n  --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color);\n  --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color);\n  --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);\n  --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color);\n  --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color);\n  --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);\n  --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);\n  --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size);\n  --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size);\n  --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size);\n  --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size);\n  --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color);\n  --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);\n  --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);\n  --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity);\n  --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color);\n  --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);\n  --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color);\n  --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color);\n  --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);\n  --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color);\n  --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color);\n  --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);\n  --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);\n  --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case);\n  --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family);\n  --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading);\n  --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale);\n  --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size);\n  --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking);\n  --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight);\n  --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding);\n  --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color);\n  --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color);\n  --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color);\n  --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color);\n  --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n  --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color);\n  --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color);\n  --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n  --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color);\n  --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n  --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --toast-link-small-size-text-case: var(--text-link-small-size-text-case);\n  --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family);\n  --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading);\n  --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale);\n  --toast-link-small-size-text-size: var(--text-link-small-size-text-size);\n  --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking);\n  --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight);\n  --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding);\n  --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size);\n  --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size);\n  --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size);\n  --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size);\n  --toast-maximum-width: 600px;\n  --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color);\n  --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color);\n  --toast-progress-bar-height: var(--core-metrics-spacing-50);\n  --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color);\n  --toast-radius: var(--core-radius-100);\n  --toast-separator-height: var(--core-metrics-spacing-100);\n  --toast-separator-opacity: 0.3;\n  --toast-separator-width: 1px;\n  --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color);\n  --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color);\n  --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-success-variant-button-text-case: var(--toast-success-variant-link-case);\n  --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color);\n  --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);\n  --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family);\n  --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading);\n  --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap);\n  --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);\n  --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing);\n  --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale);\n  --toast-success-variant-button-text-size: var(--toast-success-variant-link-size);\n  --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking);\n  --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight);\n  --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color);\n  --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color);\n  --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);\n  --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-link-case: var(--toast-success-variant-text-case);\n  --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color);\n  --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family);\n  --toast-success-variant-link-leading: var(--toast-success-variant-text-leading);\n  --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color);\n  --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap);\n  --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing);\n  --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing);\n  --toast-success-variant-link-scale: var(--toast-success-variant-text-scale);\n  --toast-success-variant-link-size: var(--toast-success-variant-text-size);\n  --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking);\n  --toast-success-variant-link-weight: var(--toast-success-variant-text-weight);\n  --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color);\n  --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);\n  --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-separator-case: var(--toast-success-variant-link-case);\n  --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color);\n  --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);\n  --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family);\n  --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading);\n  --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap);\n  --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);\n  --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing);\n  --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale);\n  --toast-success-variant-separator-size: var(--toast-success-variant-link-size);\n  --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking);\n  --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight);\n  --toast-success-variant-text-case: var(--toast-text-case);\n  --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color);\n  --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-success-variant-text-font-family: var(--toast-text-font-family);\n  --toast-success-variant-text-leading: var(--toast-text-leading);\n  --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-success-variant-text-scale: var(--toast-text-scale);\n  --toast-success-variant-text-size: var(--toast-text-size);\n  --toast-success-variant-text-tracking: var(--toast-text-tracking);\n  --toast-success-variant-text-weight: var(--toast-text-weight);\n  --toast-text-case: var(--core-type-paragraph-30-case);\n  --toast-text-color: var(--toast-text-light-mode-color);\n  --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --toast-text-font-family: var(--core-type-paragraph-30-font-family);\n  --toast-text-leading: var(--core-type-paragraph-30-leading);\n  --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --toast-text-multiline-gap: var(--core-metrics-spacing-150);\n  --toast-text-multiline-spacing: var(--toast-text-multiline-gap);\n  --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --toast-text-scale: var(--core-type-paragraph-30-scale);\n  --toast-text-size: var(--core-type-paragraph-30-size);\n  --toast-text-tracking: var(--core-type-paragraph-30-tracking);\n  --toast-text-weight: var(--core-type-paragraph-30-weight);\n  --toast-vertical-padding: var(--core-metrics-spacing-200);\n  --toast-vertical-padding-size: var(--toast-vertical-padding);\n  --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color);\n  --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case);\n  --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color);\n  --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);\n  --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family);\n  --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading);\n  --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap);\n  --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);\n  --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing);\n  --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale);\n  --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size);\n  --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking);\n  --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight);\n  --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color);\n  --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color);\n  --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);\n  --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-link-case: var(--toast-warning-variant-text-case);\n  --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color);\n  --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family);\n  --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading);\n  --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color);\n  --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap);\n  --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing);\n  --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing);\n  --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale);\n  --toast-warning-variant-link-size: var(--toast-warning-variant-text-size);\n  --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking);\n  --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight);\n  --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color);\n  --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);\n  --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case);\n  --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color);\n  --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);\n  --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family);\n  --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading);\n  --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap);\n  --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);\n  --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing);\n  --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale);\n  --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size);\n  --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking);\n  --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight);\n  --toast-warning-variant-text-case: var(--toast-text-case);\n  --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color);\n  --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-warning-variant-text-font-family: var(--toast-text-font-family);\n  --toast-warning-variant-text-leading: var(--toast-text-leading);\n  --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-warning-variant-text-scale: var(--toast-text-scale);\n  --toast-warning-variant-text-size: var(--toast-text-size);\n  --toast-warning-variant-text-tracking: var(--toast-text-tracking);\n  --toast-warning-variant-text-weight: var(--toast-text-weight);\n\n  /* ========== toggle ========== */\n  --toggle-border-radius: var(--core-radius-circle);\n  --toggle-border-size: var(--core-border-20);\n  --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color);\n  --toggle-disabled-state-selected-value-dark-mode-border-color: transparent;\n  --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);\n  --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color);\n  --toggle-disabled-state-selected-value-light-mode-border-color: transparent;\n  --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);\n  --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color);\n  --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color);\n  --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color);\n  --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color);\n  --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);\n  --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color);\n  --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);\n  --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-fill-50-light-mode-color);\n  --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color);\n  --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);\n  --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);\n  --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color);\n  --toggle-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --toggle-focus-ring-buffer-size: 0px;\n  --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color);\n  --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);\n  --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);\n  --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color);\n  --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);\n  --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);\n  --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);\n  --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);\n  --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);\n  --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);\n  --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color);\n  --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color);\n  --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color);\n  --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);\n  --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);\n  --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);\n  --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);\n  --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);\n  --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);\n  --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color);\n  --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color);\n  --toggle-height: 24px;\n  --toggle-horizontal-padding: var(--core-metrics-spacing-50);\n  --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);\n  --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color);\n  --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);\n  --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color);\n  --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color);\n  --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);\n  --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color);\n  --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);\n  --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);\n  --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);\n  --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-hover-state-unselected-value-dark-mode-track-color: transparent;\n  --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-hover-state-unselected-value-light-mode-track-color: transparent;\n  --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);\n  --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);\n  --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color);\n  --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);\n  --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);\n  --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color);\n  --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color);\n  --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color);\n  --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color);\n  --toggle-normal-state-unselected-value-dark-mode-track-color: transparent;\n  --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color);\n  --toggle-normal-state-unselected-value-light-mode-track-color: transparent;\n  --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color);\n  --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color);\n  --toggle-padding-horizontal: 5px;\n  --toggle-padding-vertical: 5px;\n  --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color);\n  --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);\n  --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color);\n  --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color);\n  --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color);\n  --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent;\n  --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-unselected-value-light-mode-track-color: transparent;\n  --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);\n  --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color);\n  --toggle-vertical-padding: var(--core-metrics-spacing-50);\n  --toggle-width: 40px;\n\n  /* ========== tooltip ========== */\n  --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration);\n  --tooltip-background-color: var(--tooltip-background-light-mode-color);\n  --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color);\n  --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color);\n  --tooltip-link-case: var(--tooltip-popover-link-case);\n  --tooltip-link-color: var(--tooltip-link-light-mode-color);\n  --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color);\n  --tooltip-link-font-family: var(--tooltip-popover-link-font-family);\n  --tooltip-link-leading: var(--tooltip-popover-link-leading);\n  --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color);\n  --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing);\n  --tooltip-link-scale: var(--tooltip-popover-link-scale);\n  --tooltip-link-size: var(--tooltip-popover-link-size);\n  --tooltip-link-tracking: var(--tooltip-popover-link-tracking);\n  --tooltip-link-weight: var(--tooltip-popover-link-weight);\n  --tooltip-maximum-width: var(--tooltip-popover-maximum-width);\n  --tooltip-minimum-height: var(--tooltip-trigger-minimum-height);\n  --tooltip-minimum-width: var(--tooltip-trigger-minimum-width);\n  --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding);\n  --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding);\n  --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color);\n  --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150);\n  --tooltip-popover-link-case: var(--core-type-semibold-20-case);\n  --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color);\n  --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family);\n  --tooltip-popover-link-leading: var(--core-type-semibold-20-leading);\n  --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --tooltip-popover-link-scale: var(--core-type-semibold-20-scale);\n  --tooltip-popover-link-size: var(--core-type-semibold-20-size);\n  --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking);\n  --tooltip-popover-link-weight: var(--core-type-semibold-20-weight);\n  --tooltip-popover-maximum-width: 400px;\n  --tooltip-popover-radius: var(--core-radius-100);\n  --tooltip-popover-text-case: var(--core-type-paragraph-20-case);\n  --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color);\n  --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family);\n  --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading);\n  --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale);\n  --tooltip-popover-text-size: var(--core-type-paragraph-20-size);\n  --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking);\n  --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight);\n  --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100);\n  --tooltip-radius: var(--tooltip-popover-radius);\n  --tooltip-text-case: var(--tooltip-popover-text-case);\n  --tooltip-text-color: var(--tooltip-text-light-mode-color);\n  --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color);\n  --tooltip-text-font-family: var(--tooltip-popover-text-font-family);\n  --tooltip-text-leading: var(--tooltip-popover-text-leading);\n  --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color);\n  --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing);\n  --tooltip-text-scale: var(--tooltip-popover-text-scale);\n  --tooltip-text-size: var(--tooltip-popover-text-size);\n  --tooltip-text-tracking: var(--tooltip-popover-text-tracking);\n  --tooltip-text-weight: var(--tooltip-popover-text-weight);\n  --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration);\n  --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color);\n  --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color);\n  --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color);\n  --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color);\n  --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width);\n  --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500);\n  --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color);\n  --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color);\n  --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color);\n  --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tooltip-trigger-text-underline-size: 1px;\n\n  /* ========== tracker ========== */\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px;\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px;\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);\n\n}\n\n\n/*\n * Market Blue (legacy): dark mode tokens scoped to [data-market-features*=\"dark-mode\"]\n */\n\n/* This file is automatically generated. Do not edit. */\n\n@media (prefers-color-scheme: dark) {\n  [data-market-features*=\"dark-mode\"] {\n    /* ======================================================================\n     * CORE\n     * ====================================================================== */\n\n    /* ========== core ========== */\n    --core-blue-10-color: var(--core-blue-10-dark-mode-color);\n    --core-blue-20-color: var(--core-blue-20-dark-mode-color);\n    --core-blue-30-color: var(--core-blue-30-dark-mode-color);\n    --core-blue-40-color: var(--core-blue-40-dark-mode-color);\n    --core-blue-fill-color: var(--core-blue-fill-dark-mode-color);\n    --core-blue-text-color: var(--core-blue-text-dark-mode-color);\n    --core-brown-10-color: var(--core-brown-10-dark-mode-color);\n    --core-brown-20-color: var(--core-brown-20-dark-mode-color);\n    --core-brown-30-color: var(--core-brown-30-dark-mode-color);\n    --core-brown-40-color: var(--core-brown-40-dark-mode-color);\n    --core-brown-fill-color: var(--core-brown-fill-dark-mode-color);\n    --core-brown-text-color: var(--core-brown-text-dark-mode-color);\n    --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color);\n    --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color);\n    --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color);\n    --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color);\n    --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color);\n    --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color);\n    --core-critical-10-color: var(--core-critical-10-dark-mode-color);\n    --core-critical-20-color: var(--core-critical-20-dark-mode-color);\n    --core-critical-30-color: var(--core-critical-30-dark-mode-color);\n    --core-critical-40-color: var(--core-critical-40-dark-mode-color);\n    --core-critical-fill-color: var(--core-critical-fill-dark-mode-color);\n    --core-critical-text-color: var(--core-critical-text-dark-mode-color);\n    --core-divider-10-color: var(--core-divider-10-dark-mode-color);\n    --core-divider-20-color: var(--core-divider-20-dark-mode-color);\n    --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color);\n    --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color);\n    --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color);\n    --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color);\n    --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color);\n    --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color);\n    --core-fill-10-color: var(--core-fill-10-dark-mode-color);\n    --core-fill-20-color: var(--core-fill-20-dark-mode-color);\n    --core-fill-30-color: var(--core-fill-30-dark-mode-color);\n    --core-fill-40-color: var(--core-fill-40-dark-mode-color);\n    --core-fill-50-color: var(--core-fill-50-dark-mode-color);\n    --core-fill-black-color: var(--core-fill-black-dark-mode-color);\n    --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color);\n    --core-fill-white-color: var(--core-fill-white-dark-mode-color);\n    --core-focus-color: var(--core-focus-dark-mode-color);\n    --core-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n    --core-forest-10-color: var(--core-forest-10-dark-mode-color);\n    --core-forest-20-color: var(--core-forest-20-dark-mode-color);\n    --core-forest-30-color: var(--core-forest-30-dark-mode-color);\n    --core-forest-40-color: var(--core-forest-40-dark-mode-color);\n    --core-forest-fill-color: var(--core-forest-fill-dark-mode-color);\n    --core-forest-text-color: var(--core-forest-text-dark-mode-color);\n    --core-gold-10-color: var(--core-gold-10-dark-mode-color);\n    --core-gold-20-color: var(--core-gold-20-dark-mode-color);\n    --core-gold-30-color: var(--core-gold-30-dark-mode-color);\n    --core-gold-40-color: var(--core-gold-40-dark-mode-color);\n    --core-gold-fill-color: var(--core-gold-fill-dark-mode-color);\n    --core-gold-text-color: var(--core-gold-text-dark-mode-color);\n    --core-green-10-color: var(--core-green-10-dark-mode-color);\n    --core-green-20-color: var(--core-green-20-dark-mode-color);\n    --core-green-30-color: var(--core-green-30-dark-mode-color);\n    --core-green-40-color: var(--core-green-40-dark-mode-color);\n    --core-green-fill-color: var(--core-green-fill-dark-mode-color);\n    --core-green-text-color: var(--core-green-text-dark-mode-color);\n    --core-orange-10-color: var(--core-orange-10-dark-mode-color);\n    --core-orange-20-color: var(--core-orange-20-dark-mode-color);\n    --core-orange-30-color: var(--core-orange-30-dark-mode-color);\n    --core-orange-40-color: var(--core-orange-40-dark-mode-color);\n    --core-orange-fill-color: var(--core-orange-fill-dark-mode-color);\n    --core-orange-text-color: var(--core-orange-text-dark-mode-color);\n    --core-pink-10-color: var(--core-pink-10-dark-mode-color);\n    --core-pink-20-color: var(--core-pink-20-dark-mode-color);\n    --core-pink-30-color: var(--core-pink-30-dark-mode-color);\n    --core-pink-40-color: var(--core-pink-40-dark-mode-color);\n    --core-pink-fill-color: var(--core-pink-fill-dark-mode-color);\n    --core-pink-text-color: var(--core-pink-text-dark-mode-color);\n    --core-purple-10-color: var(--core-purple-10-dark-mode-color);\n    --core-purple-20-color: var(--core-purple-20-dark-mode-color);\n    --core-purple-30-color: var(--core-purple-30-dark-mode-color);\n    --core-purple-40-color: var(--core-purple-40-dark-mode-color);\n    --core-purple-fill-color: var(--core-purple-fill-dark-mode-color);\n    --core-purple-text-color: var(--core-purple-text-dark-mode-color);\n    --core-red-10-color: var(--core-red-10-dark-mode-color);\n    --core-red-20-color: var(--core-red-20-dark-mode-color);\n    --core-red-30-color: var(--core-red-30-dark-mode-color);\n    --core-red-40-color: var(--core-red-40-dark-mode-color);\n    --core-red-fill-color: var(--core-red-fill-dark-mode-color);\n    --core-red-text-color: var(--core-red-text-dark-mode-color);\n    --core-sky-10-color: var(--core-sky-10-dark-mode-color);\n    --core-sky-20-color: var(--core-sky-20-dark-mode-color);\n    --core-sky-30-color: var(--core-sky-30-dark-mode-color);\n    --core-sky-40-color: var(--core-sky-40-dark-mode-color);\n    --core-sky-fill-color: var(--core-sky-fill-dark-mode-color);\n    --core-sky-text-color: var(--core-sky-text-dark-mode-color);\n    --core-success-10-color: var(--core-success-10-dark-mode-color);\n    --core-success-20-color: var(--core-success-20-dark-mode-color);\n    --core-success-30-color: var(--core-success-30-dark-mode-color);\n    --core-success-40-color: var(--core-success-40-dark-mode-color);\n    --core-success-fill-color: var(--core-success-fill-dark-mode-color);\n    --core-success-text-color: var(--core-success-text-dark-mode-color);\n    --core-surface-10-color: var(--core-surface-10-dark-mode-color);\n    --core-surface-20-color: var(--core-surface-20-dark-mode-color);\n    --core-surface-30-color: var(--core-surface-30-dark-mode-color);\n    --core-surface-5-color: var(--core-surface-5-dark-mode-color);\n    --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color);\n    --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color);\n    --core-taupe-10-color: var(--core-taupe-10-dark-mode-color);\n    --core-taupe-20-color: var(--core-taupe-20-dark-mode-color);\n    --core-taupe-30-color: var(--core-taupe-30-dark-mode-color);\n    --core-taupe-40-color: var(--core-taupe-40-dark-mode-color);\n    --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color);\n    --core-taupe-text-color: var(--core-taupe-text-dark-mode-color);\n    --core-teal-10-color: var(--core-teal-10-dark-mode-color);\n    --core-teal-20-color: var(--core-teal-20-dark-mode-color);\n    --core-teal-30-color: var(--core-teal-30-dark-mode-color);\n    --core-teal-40-color: var(--core-teal-40-dark-mode-color);\n    --core-teal-fill-color: var(--core-teal-fill-dark-mode-color);\n    --core-teal-text-color: var(--core-teal-text-dark-mode-color);\n    --core-text-10-color: var(--core-text-10-dark-mode-color);\n    --core-text-20-color: var(--core-text-20-dark-mode-color);\n    --core-text-30-color: var(--core-text-30-dark-mode-color);\n    --core-text-black-color: var(--core-text-black-dark-mode-color);\n    --core-text-inverse-color: var(--core-text-inverse-dark-mode-color);\n    --core-text-white-color: var(--core-text-white-dark-mode-color);\n    --core-transparent-color: var(--core-transparent-dark-mode-color);\n    --core-warning-10-color: var(--core-warning-10-dark-mode-color);\n    --core-warning-20-color: var(--core-warning-20-dark-mode-color);\n    --core-warning-30-color: var(--core-warning-30-dark-mode-color);\n    --core-warning-40-color: var(--core-warning-40-dark-mode-color);\n    --core-warning-fill-color: var(--core-warning-fill-dark-mode-color);\n    --core-warning-text-color: var(--core-warning-text-dark-mode-color);\n    --core-yellow-10-color: var(--core-yellow-10-dark-mode-color);\n    --core-yellow-20-color: var(--core-yellow-20-dark-mode-color);\n    --core-yellow-30-color: var(--core-yellow-30-dark-mode-color);\n    --core-yellow-40-color: var(--core-yellow-40-dark-mode-color);\n    --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color);\n    --core-yellow-text-color: var(--core-yellow-text-dark-mode-color);\n\n    /* ======================================================================\n     * COMPONENT\n     * ====================================================================== */\n\n    /* ========== accessory ========== */\n    --accessory-background-color: var(--accessory-background-dark-mode-color);\n    --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color);\n    --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color);\n    --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color);\n    --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color);\n    --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color);\n    --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color);\n    --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color);\n    --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color);\n\n    /* ========== accordion ========== */\n    --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color);\n    --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color);\n    --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color);\n    --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color);\n    --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color);\n    --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color);\n    --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color);\n    --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color);\n    --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color);\n    --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color);\n    --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color);\n    --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color);\n    --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color);\n    --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color);\n    --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color);\n    --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color);\n\n    /* ========== actionCard ========== */\n    --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color);\n    --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color);\n    --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color);\n    --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color);\n    --action-card-background-color: var(--action-card-background-dark-mode-color);\n    --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color);\n    --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color);\n    --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color);\n    --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color);\n    --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color);\n    --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color);\n    --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);\n    --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color);\n    --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color);\n    --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color);\n    --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color);\n    --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);\n    --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color);\n    --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);\n    --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color);\n\n    /* ========== badge ========== */\n    --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color);\n    --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color);\n    --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color);\n    --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color);\n    --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color);\n    --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color);\n    --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color);\n    --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color);\n\n    /* ========== banner ========== */\n    --banner-button-separator-color: var(--banner-button-separator-dark-mode-color);\n    --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color);\n    --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color);\n    --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color);\n    --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color);\n    --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color);\n    --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color);\n    --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color);\n    --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color);\n    --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color);\n    --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color);\n    --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color);\n    --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color);\n    --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color);\n    --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color);\n    --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color);\n    --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color);\n    --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color);\n    --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color);\n    --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color);\n    --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color);\n    --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color);\n    --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color);\n    --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color);\n    --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color);\n    --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color);\n    --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color);\n    --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color);\n    --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color);\n    --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color);\n    --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color);\n    --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color);\n    --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color);\n    --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color);\n    --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color);\n    --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color);\n    --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color);\n    --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color);\n    --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color);\n    --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color);\n    --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color);\n    --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color);\n    --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color);\n    --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color);\n\n    /* ========== button-group ========== */\n    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n\n    /* ========== button ========== */\n    --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n    --button-focus-ring-color: var(--button-dark-mode-focus-ring-color);\n    --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n\n    /* ========== calculator ========== */\n    --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color);\n    --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-display-border-color: var(--calculator-display-border-dark-mode-color);\n    --calculator-display-text-color: var(--calculator-display-text-dark-mode-color);\n\n    /* ========== checkbox ========== */\n    --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color);\n    --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color);\n\n    /* ========== choice-button ========== */\n    --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color);\n    --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color);\n    --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color);\n    --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color);\n    --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color);\n    --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color);\n    --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color);\n    --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color);\n    --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color);\n    --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color);\n    --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color);\n    --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color);\n    --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color);\n    --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color);\n    --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color);\n    --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color);\n    --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color);\n\n    /* ========== choice-icon-button ========== */\n    --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color);\n    --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color);\n\n    /* ========== coachmark ========== */\n    --coachmark-background-color: var(--coachmark-background-dark-mode-color);\n    --coachmark-heading-color: var(--coachmark-heading-dark-mode-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color);\n    --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color);\n    --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color);\n    --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color);\n    --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color);\n    --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color);\n    --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color);\n    --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color);\n    --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color);\n    --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color);\n    --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color);\n    --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color);\n    --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color);\n    --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color);\n    --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color);\n    --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color);\n    --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color);\n    --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color);\n    --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color);\n    --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color);\n    --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color);\n    --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color);\n    --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color);\n    --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color);\n    --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color);\n    --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color);\n\n    /* ========== colorPicker ========== */\n    --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color);\n    --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color);\n    --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color);\n    --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color);\n    --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color);\n\n    /* ========== contentCard ========== */\n    --content-card-background-color: var(--content-card-background-dark-mode-color);\n    --content-card-border-color: var(--content-card-border-dark-mode-color);\n    --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color);\n    --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color);\n    --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color);\n    --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color);\n    --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);\n    --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);\n    --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color);\n    --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color);\n\n    /* ========== content-expander ========== */\n    --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);\n    --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);\n    --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);\n    --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);\n    --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color);\n    --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color);\n    --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color);\n    --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color);\n    --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color);\n    --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color);\n    --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color);\n    --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color);\n\n    /* ========== datePicker ========== */\n    --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color);\n    --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color);\n    --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color);\n    --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color);\n    --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color);\n    --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color);\n    --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color);\n    --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color);\n    --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color);\n    --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color);\n    --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color);\n    --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color);\n    --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color);\n\n    /* ========== divider ========== */\n    --divider-fill-color: var(--divider-fill-dark-mode-color);\n\n    /* ========== dropdown-button ========== */\n    --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n\n    /* ========== dropdown-icon-button ========== */\n    --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color);\n    --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color);\n    --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color);\n    --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color);\n    --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color);\n    --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color);\n    --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color);\n    --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color);\n    --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color);\n    --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color);\n\n    /* ========== empty-state ========== */\n    --empty-state-background-color: var(--empty-state-background-dark-mode-color);\n    --empty-state-border-color: var(--empty-state-border-dark-mode-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-heading-color: var(--empty-state-heading-dark-mode-color);\n    --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color);\n    --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color);\n\n    /* ========== field ========== */\n    --field-action-text-color: var(--field-dark-mode-action-text-color);\n    --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color);\n    --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color);\n    --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);\n    --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color);\n    --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color);\n    --field-error-message-text-color: var(--field-dark-mode-error-message-text-color);\n    --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color);\n    --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color);\n    --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color);\n    --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);\n    --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n    --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color);\n    --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color);\n    --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color);\n    --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color);\n    --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color);\n    --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);\n    --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n    --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color);\n    --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);\n    --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n    --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color);\n    --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);\n    --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color);\n    --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color);\n    --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color);\n    --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color);\n    --field-selection-caret-color: var(--field-dark-mode-selection-caret-color);\n    --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color);\n    --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color);\n\n    /* ========== file-upload ========== */\n    --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color);\n    --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color);\n    --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color);\n    --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color);\n    --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color);\n    --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color);\n    --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color);\n    --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color);\n    --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color);\n    --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color);\n    --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color);\n    --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color);\n    --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n    --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n    --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n    --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color);\n    --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color);\n    --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color);\n    --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color);\n    --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color);\n    --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color);\n    --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color);\n    --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color);\n    --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color);\n    --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color);\n    --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color);\n    --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color);\n    --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color);\n    --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color);\n    --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color);\n    --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n    --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n    --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n    --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color);\n    --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color);\n    --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color);\n    --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color);\n    --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color);\n    --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color);\n    --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color);\n    --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color);\n\n    /* ========== filter-button ========== */\n    --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color);\n    --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color);\n    --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color);\n    --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color);\n    --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color);\n    --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color);\n    --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color);\n    --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color);\n    --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color);\n    --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color);\n    --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color);\n    --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color);\n    --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color);\n    --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color);\n    --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color);\n    --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color);\n    --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color);\n    --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color);\n\n    /* ========== hardware-slider ========== */\n    --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color);\n    --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color);\n    --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color);\n    --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color);\n    --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color);\n\n    /* ========== header ========== */\n    --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color);\n    --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color);\n    --header-divider-color: var(--header-divider-dark-mode-color);\n    --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color);\n    --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color);\n    --header-main-text-text-color: var(--header-main-text-dark-mode-text-color);\n    --header-paragraph-color: var(--header-paragraph-dark-mode-color);\n    --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color);\n\n    /* ========== icon-button ========== */\n    --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n    --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n    --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n    --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n    --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n    --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n    --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n    --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n    --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n    --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n    --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n    --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n\n    /* ========== inline-section-header ========== */\n    --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color);\n    --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color);\n    --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color);\n\n    /* ========== inline-status ========== */\n    --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color);\n    --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color);\n    --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color);\n    --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color);\n    --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color);\n    --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color);\n    --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color);\n    --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color);\n\n    /* ========== keyboard-bar ========== */\n    --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color);\n    --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color);\n    --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color);\n\n    /* ========== menu ========== */\n    --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color);\n    --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color);\n    --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color);\n    --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color);\n    --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color);\n    --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color);\n    --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color);\n    --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color);\n    --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color);\n    --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color);\n    --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color);\n    --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color);\n    --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color);\n    --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color);\n    --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color);\n    --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color);\n    --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color);\n    --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);\n    --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color);\n    --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color);\n    --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n    --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color);\n\n    /* ========== modalBlade ========== */\n    --modal-blade-background-color: var(--modal-blade-background-dark-mode-color);\n\n    /* ========== modalDialog ========== */\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color);\n    --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color);\n    --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color);\n\n    /* ========== modalFull ========== */\n    --modal-full-background-color: var(--modal-full-background-dark-mode-color);\n    --modal-full-veil-color: var(--modal-full-veil-dark-mode-color);\n\n    /* ========== modalPartial ========== */\n    --modal-partial-background-color: var(--modal-partial-background-dark-mode-color);\n    --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color);\n\n    /* ========== modalPopover ========== */\n    --modal-popover-background-color: var(--modal-popover-background-dark-mode-color);\n\n    /* ========== modalSheet ========== */\n    --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color);\n    --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color);\n    --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color);\n    --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color);\n\n    /* ========== pageIndicator ========== */\n    --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color);\n    --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color);\n\n    /* ========== pagingIndicator ========== */\n    --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color);\n    --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color);\n\n    /* ========== pill ========== */\n    --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color);\n    --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color);\n    --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n    --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);\n    --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color);\n    --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color);\n    --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color);\n    --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n    --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);\n    --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color);\n    --pill-border-color: var(--pill-border-dark-mode-color);\n    --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color);\n    --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color);\n    --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n    --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);\n    --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color);\n    --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color);\n    --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color);\n    --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n    --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);\n    --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color);\n    --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color);\n    --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color);\n    --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n    --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);\n    --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color);\n    --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color);\n    --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color);\n    --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n    --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);\n    --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color);\n    --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color);\n    --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color);\n    --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n    --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);\n    --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color);\n    --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color);\n    --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color);\n    --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n    --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);\n    --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color);\n\n    /* ========== qrcode ========== */\n    --qrcode-border-color: var(--qrcode-border-dark-mode-color);\n    --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color);\n    --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color);\n    --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color);\n    --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color);\n    --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n    --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color);\n\n    /* ========== quantity-input-field ========== */\n    --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color);\n    --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color);\n    --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color);\n    --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color);\n\n    /* ========== radio ========== */\n    --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color);\n    --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color);\n\n    /* ========== rich-text ========== */\n    --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color);\n    --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color);\n\n    /* ========== row ========== */\n    --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color);\n    --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color);\n    --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color);\n    --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color);\n    --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color);\n    --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color);\n    --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color);\n    --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color);\n    --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color);\n    --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color);\n    --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color);\n    --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color);\n    --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n    --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n    --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n    --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n    --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n    --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n    --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color);\n    --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n    --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n    --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);\n    --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n    --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n    --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color);\n    --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color);\n    --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color);\n    --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color);\n    --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color);\n    --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color);\n    --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color);\n    --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color);\n    --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color);\n    --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color);\n    --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color);\n    --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color);\n    --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color);\n    --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color);\n    --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color);\n    --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color);\n    --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color);\n    --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color);\n    --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color);\n    --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color);\n    --row-focus-ring-color: var(--row-dark-mode-focus-ring-color);\n    --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color);\n    --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color);\n    --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color);\n    --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color);\n    --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color);\n    --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color);\n    --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color);\n    --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color);\n    --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color);\n    --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color);\n    --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color);\n    --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color);\n    --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color);\n    --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color);\n    --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color);\n    --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color);\n    --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color);\n    --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color);\n    --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color);\n    --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color);\n    --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color);\n    --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color);\n    --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color);\n    --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color);\n    --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color);\n    --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color);\n    --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color);\n    --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n    --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n    --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n    --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n    --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n    --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);\n    --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color);\n    --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);\n    --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);\n    --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);\n    --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);\n    --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color);\n    --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n    --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n    --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n    --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n    --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n    --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n    --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n    --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n    --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n    --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);\n    --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n    --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n    --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);\n    --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);\n    --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);\n    --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);\n    --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);\n    --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);\n    --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);\n    --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color);\n    --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);\n    --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);\n    --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);\n    --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);\n    --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color);\n    --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color);\n    --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color);\n    --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color);\n    --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color);\n    --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color);\n    --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color);\n    --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color);\n    --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color);\n    --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color);\n    --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color);\n    --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color);\n    --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color);\n    --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color);\n    --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color);\n    --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color);\n    --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color);\n    --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color);\n    --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color);\n    --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color);\n\n    /* ========== search ========== */\n    --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color);\n    --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color);\n    --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color);\n    --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color);\n    --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color);\n    --search-hint-text-color: var(--search-hint-text-dark-mode-color);\n    --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color);\n    --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color);\n    --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color);\n    --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color);\n\n    /* ========== segmentedControl ========== */\n    --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color);\n    --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color);\n    --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color);\n    --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color);\n    --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color);\n    --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color);\n    --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color);\n    --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color);\n    --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color);\n    --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color);\n    --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n    --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color);\n    --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);\n\n    /* ========== select ========== */\n    --select-caret-color: var(--select-caret-dark-mode-color);\n    --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color);\n\n    /* ========== skeleton-loader ========== */\n    --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color);\n    --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color);\n    --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color);\n    --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color);\n\n    /* ========== stepper ========== */\n    --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color);\n    --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color);\n    --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color);\n    --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color);\n    --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color);\n    --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color);\n    --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color);\n    --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color);\n    --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color);\n    --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color);\n    --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color);\n    --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color);\n    --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color);\n    --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color);\n    --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color);\n    --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color);\n    --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color);\n    --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color);\n    --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color);\n    --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color);\n    --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color);\n    --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color);\n    --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color);\n    --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color);\n\n    /* ========== sticky-section-header ========== */\n    --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color);\n    --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color);\n    --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color);\n    --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color);\n\n    /* ========== subtle-button ========== */\n    --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color);\n\n    /* ========== swipe-action ========== */\n    --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color);\n    --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color);\n    --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color);\n    --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color);\n    --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color);\n    --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color);\n\n    /* ========== tabbar ========== */\n    --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color);\n    --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color);\n    --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color);\n    --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color);\n    --tabbar-background-color: var(--tabbar-background-dark-mode-color);\n    --tabbar-divider-color: var(--tabbar-divider-dark-mode-color);\n    --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color);\n    --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color);\n    --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color);\n    --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color);\n    --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color);\n    --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color);\n    --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color);\n    --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color);\n\n    /* ========== tableCell ========== */\n    --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color);\n    --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color);\n    --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color);\n    --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color);\n    --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color);\n\n    /* ========== tag ========== */\n    --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color);\n    --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color);\n    --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color);\n    --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color);\n    --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color);\n    --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color);\n    --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color);\n    --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color);\n    --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color);\n    --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color);\n    --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color);\n    --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color);\n    --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color);\n    --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color);\n    --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color);\n    --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color);\n    --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color);\n    --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color);\n    --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color);\n    --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color);\n\n    /* ========== text-link-group ========== */\n    --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color);\n\n    /* ========== text-link ========== */\n    --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color);\n    --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);\n    --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);\n    --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);\n    --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);\n    --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);\n    --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);\n    --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);\n    --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);\n    --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color);\n    --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n    --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n    --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n    --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n\n    /* ========== textarea ========== */\n    --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color);\n    --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color);\n    --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color);\n    --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color);\n\n    /* ========== toast ========== */\n    --toast-accent-color: var(--toast-accent-dark-mode-color);\n    --toast-background-color: var(--toast-background-dark-mode-color);\n    --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color);\n    --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color);\n    --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color);\n    --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color);\n    --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color);\n    --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color);\n    --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color);\n    --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color);\n    --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color);\n    --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color);\n    --toast-icon-color: var(--toast-icon-dark-mode-color);\n    --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color);\n    --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color);\n    --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color);\n    --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color);\n    --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color);\n    --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color);\n    --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color);\n    --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color);\n    --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color);\n    --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color);\n    --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color);\n    --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color);\n    --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color);\n    --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color);\n    --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color);\n    --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color);\n    --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color);\n    --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color);\n    --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color);\n    --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color);\n    --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color);\n    --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color);\n    --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color);\n    --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color);\n    --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color);\n    --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color);\n    --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color);\n    --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color);\n    --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color);\n    --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color);\n    --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color);\n    --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color);\n    --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color);\n    --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color);\n    --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color);\n    --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color);\n    --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color);\n    --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color);\n    --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color);\n    --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color);\n    --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color);\n    --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color);\n    --toast-text-color: var(--toast-text-dark-mode-color);\n    --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color);\n    --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color);\n    --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color);\n    --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color);\n    --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color);\n    --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color);\n    --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color);\n    --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color);\n    --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color);\n\n    /* ========== toggle ========== */\n    --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color);\n    --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color);\n    --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color);\n    --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color);\n    --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color);\n    --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color);\n    --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color);\n    --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color);\n    --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color);\n    --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color);\n    --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color);\n    --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color);\n    --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color);\n    --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);\n    --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);\n    --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);\n    --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);\n    --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);\n    --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);\n    --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color);\n    --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color);\n    --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color);\n    --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color);\n    --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color);\n    --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color);\n    --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color);\n    --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color);\n    --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color);\n    --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color);\n    --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color);\n    --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color);\n\n    /* ========== tooltip ========== */\n    --tooltip-background-color: var(--tooltip-background-dark-mode-color);\n    --tooltip-link-color: var(--tooltip-link-dark-mode-color);\n    --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color);\n    --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color);\n    --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color);\n    --tooltip-text-color: var(--tooltip-text-dark-mode-color);\n    --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color);\n    --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color);\n    --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color);\n    --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color);\n    --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color);\n    --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color);\n\n    /* ========== tracker ========== */\n    --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);\n  }\n}\n\n\n/*\n * Monochrome: default \u0026 light mode tokens scoped to [data-market-theme=\"monochrome\"]\n */\n\n/* This file is automatically generated. Do not edit. */\n\n[data-market-theme=\"monochrome\"] {\n  /* ========================================================================\n   * CORE\n   * ======================================================================== */\n\n  /* ========== core ========== */\n  --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0);\n  --core-animation-enter-transition-fast-speed-duration: 0.10s;\n  --core-animation-enter-transition-moderate-speed-duration: 0.24s;\n  --core-animation-enter-transition-slow-speed-duration: 0.40s;\n  --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0);\n  --core-animation-exit-transition-fast-speed-duration: 0.10s;\n  --core-animation-exit-transition-moderate-speed-duration: 0.16s;\n  --core-animation-exit-transition-slow-speed-duration: 0.30s;\n  --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0);\n  --core-animation-move-transition-fast-speed-duration: 0.10s;\n  --core-animation-move-transition-moderate-speed-duration: 0.24s;\n  --core-animation-move-transition-slow-speed-duration: 0.40s;\n  --core-base-size: 8px;\n  --core-blue-10-color: var(--core-blue-10-light-mode-color);\n  --core-blue-10-dark-mode-color: #0055CC;\n  --core-blue-10-light-mode-color: #0055CC;\n  --core-blue-20-color: var(--core-blue-20-light-mode-color);\n  --core-blue-20-dark-mode-color: #005FE5;\n  --core-blue-20-light-mode-color: #005FE5;\n  --core-blue-30-color: var(--core-blue-30-light-mode-color);\n  --core-blue-30-dark-mode-color: #002559;\n  --core-blue-30-light-mode-color: #CCE1FF;\n  --core-blue-40-color: var(--core-blue-40-light-mode-color);\n  --core-blue-40-dark-mode-color: #001533;\n  --core-blue-40-light-mode-color: #E6F0FF;\n  --core-blue-fill-color: var(--core-blue-fill-light-mode-color);\n  --core-blue-fill-dark-mode-color: #006AFF;\n  --core-blue-fill-light-mode-color: #006AFF;\n  --core-blue-text-color: var(--core-blue-text-light-mode-color);\n  --core-blue-text-dark-mode-color: #4A95FF;\n  --core-blue-text-light-mode-color: #005AD9;\n  --core-border-10: 1px;\n  --core-border-20: 2px;\n  --core-border-80: 8px;\n  --core-breakpoint-extra-wide-min-width: 1024px;\n  --core-breakpoint-medium-max-width: 839px;\n  --core-breakpoint-medium-min-width: 600px;\n  --core-breakpoint-narrow-max-width: 599px;\n  --core-breakpoint-narrow-min-width: 0px;\n  --core-breakpoint-wide-max-width: 1023px;\n  --core-breakpoint-wide-min-max-width: 1023px;\n  --core-breakpoint-wide-min-width: 800px;\n  --core-brown-10-color: var(--core-brown-10-light-mode-color);\n  --core-brown-10-dark-mode-color: #33261A;\n  --core-brown-10-light-mode-color: #332517;\n  --core-brown-20-color: var(--core-brown-20-light-mode-color);\n  --core-brown-20-dark-mode-color: #4D3926;\n  --core-brown-20-light-mode-color: #4D3722;\n  --core-brown-30-color: var(--core-brown-30-light-mode-color);\n  --core-brown-30-dark-mode-color: #592D00;\n  --core-brown-30-light-mode-color: #FFE6CC;\n  --core-brown-40-color: var(--core-brown-40-light-mode-color);\n  --core-brown-40-dark-mode-color: #331900;\n  --core-brown-40-light-mode-color: #FFF2E6;\n  --core-brown-fill-color: var(--core-brown-fill-light-mode-color);\n  --core-brown-fill-dark-mode-color: #664D33;\n  --core-brown-fill-light-mode-color: #664A2E;\n  --core-brown-text-color: var(--core-brown-text-light-mode-color);\n  --core-brown-text-dark-mode-color: #C99866;\n  --core-brown-text-light-mode-color: #664A2E;\n  --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color);\n  --core-burgundy-10-dark-mode-color: #660525;\n  --core-burgundy-10-light-mode-color: #660525;\n  --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color);\n  --core-burgundy-20-dark-mode-color: #80062F;\n  --core-burgundy-20-light-mode-color: #80062F;\n  --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color);\n  --core-burgundy-30-dark-mode-color: #59001E;\n  --core-burgundy-30-light-mode-color: #FFCCDD;\n  --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color);\n  --core-burgundy-40-dark-mode-color: #330011;\n  --core-burgundy-40-light-mode-color: #FFE6EE;\n  --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color);\n  --core-burgundy-fill-dark-mode-color: #990838;\n  --core-burgundy-fill-light-mode-color: #990838;\n  --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color);\n  --core-burgundy-text-dark-mode-color: #FF568E;\n  --core-burgundy-text-light-mode-color: #990838;\n  --core-constant-black-color: #000000;\n  --core-constant-gray-10-color: #101010;\n  --core-constant-gray-15-color: #1a1a1a;\n  --core-constant-gray-20-color: #1e1e1e;\n  --core-constant-gray-25-color: #232323;\n  --core-constant-gray-30-color: #2a2a2a;\n  --core-constant-gray-40-color: #333333;\n  --core-constant-gray-45-color: #595959;\n  --core-constant-gray-50-color: #666666;\n  --core-constant-gray-60-color: #878787;\n  --core-constant-gray-65-color: #959595;\n  --core-constant-gray-80-color: #cccccc;\n  --core-constant-gray-85-color: #dadada;\n  --core-constant-gray-90-color: #e8e8e8;\n  --core-constant-gray-95-color: #f0f0f0;\n  --core-constant-gray-98-color: #F7F7F7;\n  --core-constant-white-color: #ffffff;\n  --core-control-size-height: 20px;\n  --core-control-size-width: 20px;\n  --core-critical-10-color: var(--core-critical-10-light-mode-color);\n  --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color);\n  --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color);\n  --core-critical-20-color: var(--core-critical-20-light-mode-color);\n  --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color);\n  --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color);\n  --core-critical-30-color: var(--core-critical-30-light-mode-color);\n  --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color);\n  --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color);\n  --core-critical-40-color: var(--core-critical-40-light-mode-color);\n  --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color);\n  --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color);\n  --core-critical-fill-color: var(--core-critical-fill-light-mode-color);\n  --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color);\n  --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color);\n  --core-critical-text-color: var(--core-critical-text-light-mode-color);\n  --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color);\n  --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color);\n  --core-divider-10-color: var(--core-divider-10-light-mode-color);\n  --core-divider-10-dark-mode-color: #959595;\n  --core-divider-10-light-mode-color: #959595;\n  --core-divider-20-color: var(--core-divider-20-light-mode-color);\n  --core-divider-20-dark-mode-color: #333333;\n  --core-divider-20-light-mode-color: #f0f0f0;\n  --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color);\n  --core-emphasis-10-dark-mode-color: #CCCCCC;\n  --core-emphasis-10-light-mode-color: #666666;\n  --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color);\n  --core-emphasis-20-dark-mode-color: #DADADA;\n  --core-emphasis-20-light-mode-color: #333333;\n  --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color);\n  --core-emphasis-30-dark-mode-color: #595959;\n  --core-emphasis-30-light-mode-color: #CCCCCC;\n  --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color);\n  --core-emphasis-40-dark-mode-color: #333333;\n  --core-emphasis-40-light-mode-color: #E8E8E8;\n  --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color);\n  --core-emphasis-fill-dark-mode-color: #FFFFFF;\n  --core-emphasis-fill-light-mode-color: #101010;\n  --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color);\n  --core-emphasis-text-dark-mode-color: #FFFFFF;\n  --core-emphasis-text-light-mode-color: #101010;\n  --core-extra-wide-viewport-grid-column-count: 4;\n  --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200);\n  --core-extra-wide-viewport-grid-item-full-size-column-span: 4;\n  --core-extra-wide-viewport-grid-item-large-size-column-span: 3;\n  --core-extra-wide-viewport-grid-item-medium-size-column-span: 2;\n  --core-extra-wide-viewport-grid-item-small-size-column-span: 1;\n  --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200);\n  --core-fill-10-color: var(--core-fill-10-light-mode-color);\n  --core-fill-10-dark-mode-color: #f0f0f0;\n  --core-fill-10-light-mode-color: #101010;\n  --core-fill-20-color: var(--core-fill-20-light-mode-color);\n  --core-fill-20-dark-mode-color: #666666;\n  --core-fill-20-light-mode-color: #959595;\n  --core-fill-30-color: var(--core-fill-30-light-mode-color);\n  --core-fill-30-dark-mode-color: #595959;\n  --core-fill-30-light-mode-color: #dadada;\n  --core-fill-40-color: var(--core-fill-40-light-mode-color);\n  --core-fill-40-dark-mode-color: #333333;\n  --core-fill-40-light-mode-color: #f0f0f0;\n  --core-fill-50-color: var(--core-fill-50-light-mode-color);\n  --core-fill-50-dark-mode-color: #2A2A2A;\n  --core-fill-50-light-mode-color: #F7F7F7;\n  --core-fill-black-color: var(--core-fill-black-light-mode-color);\n  --core-fill-black-dark-mode-color: #000000;\n  --core-fill-black-light-mode-color: #000000;\n  --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color);\n  --core-fill-inverse-dark-mode-color: #000000;\n  --core-fill-inverse-light-mode-color: #FFFFFF;\n  --core-fill-white-color: var(--core-fill-white-light-mode-color);\n  --core-fill-white-dark-mode-color: #FFFFFF;\n  --core-fill-white-light-mode-color: #FFFFFF;\n  --core-fixed-large-size: 64px;\n  --core-fixed-medium-size: 48px;\n  --core-fixed-small-size: 40px;\n  --core-fixed-x-large-size: 80px;\n  --core-fixed-x-small-size: 32px;\n  --core-fixed-xx-small-size: 24px;\n  --core-fixed-xxx-small-size: 16px;\n  --core-focus-color: var(--core-focus-light-mode-color);\n  --core-focus-dark-mode-color: var(--core-constant-white-color);\n  --core-focus-light-mode-color: var(--core-constant-black-color);\n  --core-focus-ring-border-size: var(--core-border-20);\n  --core-focus-ring-buffer-size: var(--core-metrics-spacing-25);\n  --core-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color);\n  --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color);\n  --core-forest-10-color: var(--core-forest-10-light-mode-color);\n  --core-forest-10-dark-mode-color: #0F4D19;\n  --core-forest-10-light-mode-color: #0F4D19;\n  --core-forest-20-color: var(--core-forest-20-light-mode-color);\n  --core-forest-20-dark-mode-color: #146622;\n  --core-forest-20-light-mode-color: #146622;\n  --core-forest-30-color: var(--core-forest-30-light-mode-color);\n  --core-forest-30-dark-mode-color: #00590F;\n  --core-forest-30-light-mode-color: #CCFFD5;\n  --core-forest-40-color: var(--core-forest-40-light-mode-color);\n  --core-forest-40-dark-mode-color: #003308;\n  --core-forest-40-light-mode-color: #E6FFEA;\n  --core-forest-fill-color: var(--core-forest-fill-light-mode-color);\n  --core-forest-fill-dark-mode-color: #19802A;\n  --core-forest-fill-light-mode-color: #19802A;\n  --core-forest-text-color: var(--core-forest-text-light-mode-color);\n  --core-forest-text-dark-mode-color: #16D956;\n  --core-forest-text-light-mode-color: #007D2A;\n  --core-gold-10-color: var(--core-gold-10-light-mode-color);\n  --core-gold-10-dark-mode-color: #CC8033;\n  --core-gold-10-light-mode-color: #CC8033;\n  --core-gold-20-color: var(--core-gold-20-light-mode-color);\n  --core-gold-20-dark-mode-color: #E68F39;\n  --core-gold-20-light-mode-color: #E68F39;\n  --core-gold-30-color: var(--core-gold-30-light-mode-color);\n  --core-gold-30-dark-mode-color: #592D00;\n  --core-gold-30-light-mode-color: #FFE6CC;\n  --core-gold-40-color: var(--core-gold-40-light-mode-color);\n  --core-gold-40-dark-mode-color: #331A00;\n  --core-gold-40-light-mode-color: #FFF2E6;\n  --core-gold-fill-color: var(--core-gold-fill-light-mode-color);\n  --core-gold-fill-dark-mode-color: #FF9F40;\n  --core-gold-fill-light-mode-color: #FF9F40;\n  --core-gold-text-color: var(--core-gold-text-light-mode-color);\n  --core-gold-text-dark-mode-color: #FF9F40;\n  --core-gold-text-light-mode-color: #945C25;\n  --core-green-10-color: var(--core-green-10-light-mode-color);\n  --core-green-10-dark-mode-color: #00802A;\n  --core-green-10-light-mode-color: #00802A;\n  --core-green-20-color: var(--core-green-20-light-mode-color);\n  --core-green-20-dark-mode-color: #009933;\n  --core-green-20-light-mode-color: #009933;\n  --core-green-30-color: var(--core-green-30-light-mode-color);\n  --core-green-30-dark-mode-color: #00591E;\n  --core-green-30-light-mode-color: #CCFFDD;\n  --core-green-40-color: var(--core-green-40-light-mode-color);\n  --core-green-40-dark-mode-color: #003311;\n  --core-green-40-light-mode-color: #E5FFEE;\n  --core-green-fill-color: var(--core-green-fill-light-mode-color);\n  --core-green-fill-dark-mode-color: #00B33B;\n  --core-green-fill-light-mode-color: #00B23B;\n  --core-green-text-color: var(--core-green-text-light-mode-color);\n  --core-green-text-dark-mode-color: #16D956;\n  --core-green-text-light-mode-color: #007D2A;\n  --core-grid-column-count: var(--core-narrow-viewport-grid-column-count);\n  --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing);\n  --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span);\n  --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span);\n  --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span);\n  --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span);\n  --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing);\n  --core-horizontal-size-class-regular-threshold: 600px;\n  --core-horizontal-size-class-wide-threshold: 1200px;\n  --core-icon-large-size-height: 40px;\n  --core-icon-large-size-width: 40px;\n  --core-icon-medium-size-height: 24px;\n  --core-icon-medium-size-width: 24px;\n  --core-icon-small-size-height: 16px;\n  --core-icon-small-size-width: 16px;\n  --core-large-size-minimum-height: var(--core-minimum-height-300);\n  --core-medium-size-minimum-height: var(--core-minimum-height-200);\n  --core-medium-viewport-grid-column-count: 2;\n  --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);\n  --core-medium-viewport-grid-item-full-size-column-span: 2;\n  --core-medium-viewport-grid-item-large-size-column-span: 1;\n  --core-medium-viewport-grid-item-medium-size-column-span: 1;\n  --core-medium-viewport-grid-item-small-size-column-span: 1;\n  --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);\n  --core-metrics-spacing-100: 8px;\n  --core-metrics-spacing-1000: 80px;\n  --core-metrics-spacing-150: 12px;\n  --core-metrics-spacing-1500: 120px;\n  --core-metrics-spacing-200: 16px;\n  --core-metrics-spacing-2000: 160px;\n  --core-metrics-spacing-25: 2px;\n  --core-metrics-spacing-250: 20px;\n  --core-metrics-spacing-300: 24px;\n  --core-metrics-spacing-400: 32px;\n  --core-metrics-spacing-50: 4px;\n  --core-metrics-spacing-500: 40px;\n  --core-metrics-spacing-600: 48px;\n  --core-metrics-spacing-800: 64px;\n  --core-minimum-height-100: 40px;\n  --core-minimum-height-200: 48px;\n  --core-minimum-height-300: 64px;\n  --core-minimum-height-400: 80px;\n  --core-minimum-height-50: 24px;\n  --core-minimum-height-75: 32px;\n  --core-narrow-viewport-grid-column-count: 1;\n  --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);\n  --core-narrow-viewport-grid-item-full-size-column-span: 1;\n  --core-narrow-viewport-grid-item-large-size-column-span: 1;\n  --core-narrow-viewport-grid-item-medium-size-column-span: 1;\n  --core-narrow-viewport-grid-item-small-size-column-span: 1;\n  --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);\n  --core-opacity-disabled-state: 0.4;\n  --core-opacity-hover-state: 1;\n  --core-opacity-normal-state: 1;\n  --core-opacity-pressed-state: 1;\n  --core-orange-10-color: var(--core-orange-10-light-mode-color);\n  --core-orange-10-dark-mode-color: #BF4830;\n  --core-orange-10-light-mode-color: #BF4830;\n  --core-orange-20-color: var(--core-orange-20-light-mode-color);\n  --core-orange-20-dark-mode-color: #DB5237;\n  --core-orange-20-light-mode-color: #DB5237;\n  --core-orange-30-color: var(--core-orange-30-light-mode-color);\n  --core-orange-30-dark-mode-color: #590F00;\n  --core-orange-30-light-mode-color: #FFD5CC;\n  --core-orange-40-color: var(--core-orange-40-light-mode-color);\n  --core-orange-40-dark-mode-color: #330800;\n  --core-orange-40-light-mode-color: #FFEAE6;\n  --core-orange-fill-color: var(--core-orange-fill-light-mode-color);\n  --core-orange-fill-dark-mode-color: #F25B3D;\n  --core-orange-fill-light-mode-color: #F25B3D;\n  --core-orange-text-color: var(--core-orange-text-light-mode-color);\n  --core-orange-text-dark-mode-color: #FF5F3F;\n  --core-orange-text-light-mode-color: #A83F2A;\n  --core-padding-set-even-large: var(--core-metrics-spacing-250);\n  --core-padding-set-even-medium: var(--core-metrics-spacing-150);\n  --core-padding-set-even-small: var(--core-metrics-spacing-100);\n  --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400);\n  --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250);\n  --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300);\n  --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150);\n  --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250);\n  --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100);\n  --core-pink-10-color: var(--core-pink-10-light-mode-color);\n  --core-pink-10-dark-mode-color: #A62987;\n  --core-pink-10-light-mode-color: #A62987;\n  --core-pink-20-color: var(--core-pink-20-light-mode-color);\n  --core-pink-20-dark-mode-color: #BF309B;\n  --core-pink-20-light-mode-color: #BF309B;\n  --core-pink-30-color: var(--core-pink-30-light-mode-color);\n  --core-pink-30-dark-mode-color: #590043;\n  --core-pink-30-light-mode-color: #FFCCF2;\n  --core-pink-40-color: var(--core-pink-40-light-mode-color);\n  --core-pink-40-dark-mode-color: #330026;\n  --core-pink-40-light-mode-color: #FFE6F9;\n  --core-pink-fill-color: var(--core-pink-fill-light-mode-color);\n  --core-pink-fill-dark-mode-color: #D936B0;\n  --core-pink-fill-light-mode-color: #D936B0;\n  --core-pink-text-color: var(--core-pink-text-light-mode-color);\n  --core-pink-text-dark-mode-color: #FF43D0;\n  --core-pink-text-light-mode-color: #A82A88;\n  --core-purple-10-color: var(--core-purple-10-light-mode-color);\n  --core-purple-10-dark-mode-color: #6811A6;\n  --core-purple-10-light-mode-color: #6811A6;\n  --core-purple-20-color: var(--core-purple-20-light-mode-color);\n  --core-purple-20-dark-mode-color: #7813BF;\n  --core-purple-20-light-mode-color: #7813BF;\n  --core-purple-30-color: var(--core-purple-30-light-mode-color);\n  --core-purple-30-dark-mode-color: #340059;\n  --core-purple-30-light-mode-color: #EACCFF;\n  --core-purple-40-color: var(--core-purple-40-light-mode-color);\n  --core-purple-40-dark-mode-color: #1E0033;\n  --core-purple-40-light-mode-color: #F4E6FF;\n  --core-purple-fill-color: var(--core-purple-fill-light-mode-color);\n  --core-purple-fill-dark-mode-color: #8716D9;\n  --core-purple-fill-light-mode-color: #8716D9;\n  --core-purple-text-color: var(--core-purple-text-light-mode-color);\n  --core-purple-text-dark-mode-color: #C26EFF;\n  --core-purple-text-light-mode-color: #8716D9;\n  --core-radius-10: 6px;\n  --core-radius-100: 6px;\n  --core-radius-20: 12px;\n  --core-radius-200: 12px;\n  --core-radius-266: 16px;\n  --core-radius-33: 2px;\n  --core-radius-400: 24px;\n  --core-radius-533: 32px;\n  --core-radius-6: 4px;\n  --core-radius-66: 4px;\n  --core-radius-circle: 1000px;\n  --core-radius-forms: 8px;\n  --core-radius-modals: 20px;\n  --core-radius-none: 0px;\n  --core-red-10-color: var(--core-red-10-light-mode-color);\n  --core-red-10-dark-mode-color: #99001A;\n  --core-red-10-light-mode-color: #99001A;\n  --core-red-20-color: var(--core-red-20-light-mode-color);\n  --core-red-20-dark-mode-color: #B2001E;\n  --core-red-20-light-mode-color: #B2001E;\n  --core-red-30-color: var(--core-red-30-light-mode-color);\n  --core-red-30-dark-mode-color: #59000F;\n  --core-red-30-light-mode-color: #FFCCD5;\n  --core-red-40-color: var(--core-red-40-light-mode-color);\n  --core-red-40-dark-mode-color: #330009;\n  --core-red-40-light-mode-color: #FFE5EA;\n  --core-red-fill-color: var(--core-red-fill-light-mode-color);\n  --core-red-fill-dark-mode-color: #CC0023;\n  --core-red-fill-light-mode-color: #CC0023;\n  --core-red-text-color: var(--core-red-text-light-mode-color);\n  --core-red-text-dark-mode-color: #FF5A76;\n  --core-red-text-light-mode-color: #BF0020;\n  --core-sky-10-color: var(--core-sky-10-light-mode-color);\n  --core-sky-10-dark-mode-color: #1F75CC;\n  --core-sky-10-light-mode-color: #1F75CC;\n  --core-sky-20-color: var(--core-sky-20-light-mode-color);\n  --core-sky-20-dark-mode-color: #2284E6;\n  --core-sky-20-light-mode-color: #2284E6;\n  --core-sky-30-color: var(--core-sky-30-light-mode-color);\n  --core-sky-30-dark-mode-color: #002D59;\n  --core-sky-30-light-mode-color: #CCE6FF;\n  --core-sky-40-color: var(--core-sky-40-light-mode-color);\n  --core-sky-40-dark-mode-color: #001A33;\n  --core-sky-40-light-mode-color: #E6F2FF;\n  --core-sky-fill-color: var(--core-sky-fill-light-mode-color);\n  --core-sky-fill-dark-mode-color: #2693FF;\n  --core-sky-fill-light-mode-color: #2693FF;\n  --core-sky-text-color: var(--core-sky-text-light-mode-color);\n  --core-sky-text-dark-mode-color: #2E97FF;\n  --core-sky-text-light-mode-color: #0F65BA;\n  --core-small-size-minimum-height: var(--core-minimum-height-100);\n  --core-space-10-size: var(--core-base-size);\n  --core-success-10-color: var(--core-success-10-light-mode-color);\n  --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color);\n  --core-success-10-light-mode-color: var(--core-green-10-light-mode-color);\n  --core-success-20-color: var(--core-success-20-light-mode-color);\n  --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color);\n  --core-success-20-light-mode-color: var(--core-green-20-light-mode-color);\n  --core-success-30-color: var(--core-success-30-light-mode-color);\n  --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color);\n  --core-success-30-light-mode-color: var(--core-green-30-light-mode-color);\n  --core-success-40-color: var(--core-success-40-light-mode-color);\n  --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color);\n  --core-success-40-light-mode-color: var(--core-green-40-light-mode-color);\n  --core-success-fill-color: var(--core-success-fill-light-mode-color);\n  --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color);\n  --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color);\n  --core-success-text-color: var(--core-success-text-light-mode-color);\n  --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color);\n  --core-success-text-light-mode-color: var(--core-green-text-light-mode-color);\n  --core-surface-10-color: var(--core-surface-10-light-mode-color);\n  --core-surface-10-dark-mode-color: #101010;\n  --core-surface-10-light-mode-color: #FFFFFF;\n  --core-surface-20-color: var(--core-surface-20-light-mode-color);\n  --core-surface-20-dark-mode-color: #1a1a1a;\n  --core-surface-20-light-mode-color: #FFFFFF;\n  --core-surface-30-color: var(--core-surface-30-light-mode-color);\n  --core-surface-30-dark-mode-color: #232323;\n  --core-surface-30-light-mode-color: #FFFFFF;\n  --core-surface-5-color: var(--core-surface-5-light-mode-color);\n  --core-surface-5-dark-mode-color: #000000;\n  --core-surface-5-light-mode-color: #FFFFFF;\n  --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color);\n  --core-surface-inverse-dark-mode-color: #FFFFFF;\n  --core-surface-inverse-light-mode-color: #232323;\n  --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color);\n  --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8);\n  --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8);\n  --core-taupe-10-color: var(--core-taupe-10-light-mode-color);\n  --core-taupe-10-dark-mode-color: #735639;\n  --core-taupe-10-light-mode-color: #735639;\n  --core-taupe-20-color: var(--core-taupe-20-light-mode-color);\n  --core-taupe-20-dark-mode-color: #8C6946;\n  --core-taupe-20-light-mode-color: #8C6946;\n  --core-taupe-30-color: var(--core-taupe-30-light-mode-color);\n  --core-taupe-30-dark-mode-color: #592D00;\n  --core-taupe-30-light-mode-color: #FFE6CC;\n  --core-taupe-40-color: var(--core-taupe-40-light-mode-color);\n  --core-taupe-40-dark-mode-color: #331A00;\n  --core-taupe-40-light-mode-color: #FFF2E6;\n  --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color);\n  --core-taupe-fill-dark-mode-color: #A67C53;\n  --core-taupe-fill-light-mode-color: #A67C53;\n  --core-taupe-text-color: var(--core-taupe-text-light-mode-color);\n  --core-taupe-text-dark-mode-color: #C99866;\n  --core-taupe-text-light-mode-color: #826141;\n  --core-teal-10-color: var(--core-teal-10-light-mode-color);\n  --core-teal-10-dark-mode-color: #0D8C6D;\n  --core-teal-10-light-mode-color: #0D8C6D;\n  --core-teal-20-color: var(--core-teal-20-light-mode-color);\n  --core-teal-20-dark-mode-color: #10A680;\n  --core-teal-20-light-mode-color: #10A680;\n  --core-teal-30-color: var(--core-teal-30-light-mode-color);\n  --core-teal-30-dark-mode-color: #005943;\n  --core-teal-30-light-mode-color: #CCFFF2;\n  --core-teal-40-color: var(--core-teal-40-light-mode-color);\n  --core-teal-40-dark-mode-color: #003326;\n  --core-teal-40-light-mode-color: #E6FFF9;\n  --core-teal-fill-color: var(--core-teal-fill-light-mode-color);\n  --core-teal-fill-dark-mode-color: #12BF94;\n  --core-teal-fill-light-mode-color: #12BF94;\n  --core-teal-text-color: var(--core-teal-text-light-mode-color);\n  --core-teal-text-dark-mode-color: #16D8A7;\n  --core-teal-text-light-mode-color: #0C785D;\n  --core-text-10-color: var(--core-text-10-light-mode-color);\n  --core-text-10-dark-mode-color: #FFFFFF;\n  --core-text-10-light-mode-color: #101010;\n  --core-text-20-color: var(--core-text-20-light-mode-color);\n  --core-text-20-dark-mode-color: #9B9B9B;\n  --core-text-20-light-mode-color: #666666;\n  --core-text-30-color: var(--core-text-30-light-mode-color);\n  --core-text-30-dark-mode-color: #595959;\n  --core-text-30-light-mode-color: #959595;\n  --core-text-black-color: var(--core-text-black-light-mode-color);\n  --core-text-black-dark-mode-color: #101010;\n  --core-text-black-light-mode-color: #101010;\n  --core-text-inverse-color: var(--core-text-inverse-light-mode-color);\n  --core-text-inverse-dark-mode-color: #101010;\n  --core-text-inverse-light-mode-color: #FFFFFF;\n  --core-text-size: 16px;\n  --core-text-white-color: var(--core-text-white-light-mode-color);\n  --core-text-white-dark-mode-color: #FFFFFF;\n  --core-text-white-light-mode-color: #FFFFFF;\n  --core-transparent-color: var(--core-transparent-light-mode-color);\n  --core-transparent-dark-mode-color: transparent;\n  --core-transparent-light-mode-color: transparent;\n  --core-type-bold-weight: 700;\n  --core-type-display-10-case: none;\n  --core-type-display-10-font-family: var(--core-type-display-font-family);\n  --core-type-display-10-leading: 40px;\n  --core-type-display-10-number-spacing: 'default';\n  --core-type-display-10-scale: heading-30;\n  --core-type-display-10-size: 32px;\n  --core-type-display-10-tracking: 0;\n  --core-type-display-10-weight: var(--core-type-bold-weight);\n  --core-type-display-20-case: none;\n  --core-type-display-20-font-family: var(--core-type-display-font-family);\n  --core-type-display-20-leading: 56px;\n  --core-type-display-20-number-spacing: 'default';\n  --core-type-display-20-scale: heading-30;\n  --core-type-display-20-size: 48px;\n  --core-type-display-20-tracking: 0;\n  --core-type-display-20-weight: var(--core-type-medium-weight);\n  --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif;\n  --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif;\n  --core-type-heading-10-case: none;\n  --core-type-heading-10-font-family: var(--core-type-font-family);\n  --core-type-heading-10-leading: 22px;\n  --core-type-heading-10-number-spacing: 'default';\n  --core-type-heading-10-scale: heading-10;\n  --core-type-heading-10-size: 14px;\n  --core-type-heading-10-tracking: 0;\n  --core-type-heading-10-weight: var(--core-type-bold-weight);\n  --core-type-heading-20-case: none;\n  --core-type-heading-20-font-family: var(--core-type-display-font-family);\n  --core-type-heading-20-leading: 26px;\n  --core-type-heading-20-number-spacing: 'default';\n  --core-type-heading-20-scale: heading-20;\n  --core-type-heading-20-size: 19px;\n  --core-type-heading-20-tracking: 0;\n  --core-type-heading-20-weight: var(--core-type-bold-weight);\n  --core-type-heading-30-case: none;\n  --core-type-heading-30-font-family: var(--core-type-display-font-family);\n  --core-type-heading-30-leading: 32px;\n  --core-type-heading-30-number-spacing: 'default';\n  --core-type-heading-30-scale: heading-30;\n  --core-type-heading-30-size: 25px;\n  --core-type-heading-30-tracking: 0;\n  --core-type-heading-30-weight: var(--core-type-bold-weight);\n  --core-type-heading-5-case: uppercase;\n  --core-type-heading-5-font-family: var(--core-type-font-family);\n  --core-type-heading-5-leading: 20px;\n  --core-type-heading-5-number-spacing: 'default';\n  --core-type-heading-5-scale: heading-5;\n  --core-type-heading-5-size: 12px;\n  --core-type-heading-5-tracking: 0.050em;\n  --core-type-heading-5-weight: var(--core-type-medium-weight);\n  --core-type-medium-10-case: var(--core-type-paragraph-10-case);\n  --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family);\n  --core-type-medium-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-medium-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-medium-10-size: var(--core-type-paragraph-10-size);\n  --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-medium-10-weight: var(--core-type-medium-weight);\n  --core-type-medium-20-case: var(--core-type-paragraph-20-case);\n  --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family);\n  --core-type-medium-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-medium-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-medium-20-size: var(--core-type-paragraph-20-size);\n  --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-medium-20-weight: var(--core-type-medium-weight);\n  --core-type-medium-30-case: var(--core-type-paragraph-30-case);\n  --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family);\n  --core-type-medium-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-medium-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-medium-30-size: var(--core-type-paragraph-30-size);\n  --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-medium-30-weight: var(--core-type-medium-weight);\n  --core-type-medium-weight: 500;\n  --core-type-mono-display-10-case: var(--core-type-display-10-case);\n  --core-type-mono-display-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-display-10-leading: var(--core-type-display-10-leading);\n  --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing);\n  --core-type-mono-display-10-scale: var(--core-type-display-10-scale);\n  --core-type-mono-display-10-size: var(--core-type-display-10-size);\n  --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking);\n  --core-type-mono-display-10-weight: var(--core-type-display-10-weight);\n  --core-type-mono-display-20-case: var(--core-type-display-20-case);\n  --core-type-mono-display-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-display-20-leading: var(--core-type-display-20-leading);\n  --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing);\n  --core-type-mono-display-20-scale: var(--core-type-display-20-scale);\n  --core-type-mono-display-20-size: var(--core-type-display-20-size);\n  --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking);\n  --core-type-mono-display-20-weight: var(--core-type-display-20-weight);\n  --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace;\n  --core-type-mono-heading-10-case: var(--core-type-heading-10-case);\n  --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading);\n  --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing);\n  --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale);\n  --core-type-mono-heading-10-size: var(--core-type-heading-10-size);\n  --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking);\n  --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight);\n  --core-type-mono-heading-20-case: var(--core-type-heading-20-case);\n  --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading);\n  --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing);\n  --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale);\n  --core-type-mono-heading-20-size: var(--core-type-heading-20-size);\n  --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking);\n  --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight);\n  --core-type-mono-heading-30-case: var(--core-type-heading-30-case);\n  --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading);\n  --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing);\n  --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale);\n  --core-type-mono-heading-30-size: var(--core-type-heading-30-size);\n  --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking);\n  --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight);\n  --core-type-mono-medium-10-case: var(--core-type-medium-10-case);\n  --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading);\n  --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing);\n  --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale);\n  --core-type-mono-medium-10-size: var(--core-type-medium-10-size);\n  --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking);\n  --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight);\n  --core-type-mono-medium-20-case: var(--core-type-medium-20-case);\n  --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading);\n  --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing);\n  --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale);\n  --core-type-mono-medium-20-size: var(--core-type-medium-20-size);\n  --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking);\n  --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight);\n  --core-type-mono-medium-30-case: var(--core-type-medium-30-case);\n  --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading);\n  --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing);\n  --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale);\n  --core-type-mono-medium-30-size: var(--core-type-medium-30-size);\n  --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking);\n  --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight);\n  --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case);\n  --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size);\n  --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight);\n  --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case);\n  --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size);\n  --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight);\n  --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case);\n  --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size);\n  --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight);\n  --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case);\n  --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading);\n  --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale);\n  --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size);\n  --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking);\n  --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight);\n  --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case);\n  --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading);\n  --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale);\n  --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size);\n  --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking);\n  --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight);\n  --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case);\n  --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family);\n  --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading);\n  --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale);\n  --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size);\n  --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking);\n  --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight);\n  --core-type-paragraph-10-case: none;\n  --core-type-paragraph-10-font-family: var(--core-type-font-family);\n  --core-type-paragraph-10-leading: 18px;\n  --core-type-paragraph-10-number-spacing: 'default';\n  --core-type-paragraph-10-scale: paragraph-10;\n  --core-type-paragraph-10-size: 12px;\n  --core-type-paragraph-10-tracking: 0;\n  --core-type-paragraph-10-weight: var(--core-type-regular-weight);\n  --core-type-paragraph-20-case: none;\n  --core-type-paragraph-20-font-family: var(--core-type-font-family);\n  --core-type-paragraph-20-leading: 22px;\n  --core-type-paragraph-20-number-spacing: 'default';\n  --core-type-paragraph-20-scale: paragraph-20;\n  --core-type-paragraph-20-size: 14px;\n  --core-type-paragraph-20-tracking: 0;\n  --core-type-paragraph-20-weight: var(--core-type-regular-weight);\n  --core-type-paragraph-30-case: none;\n  --core-type-paragraph-30-font-family: var(--core-type-font-family);\n  --core-type-paragraph-30-leading: 24px;\n  --core-type-paragraph-30-number-spacing: 'default';\n  --core-type-paragraph-30-scale: paragraph-30;\n  --core-type-paragraph-30-size: 16px;\n  --core-type-paragraph-30-tracking: 0;\n  --core-type-paragraph-30-weight: var(--core-type-regular-weight);\n  --core-type-regular-weight: 400;\n  --core-type-semibold-10-case: var(--core-type-paragraph-10-case);\n  --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family);\n  --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading);\n  --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale);\n  --core-type-semibold-10-size: var(--core-type-paragraph-10-size);\n  --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking);\n  --core-type-semibold-10-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-20-case: var(--core-type-paragraph-20-case);\n  --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family);\n  --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading);\n  --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale);\n  --core-type-semibold-20-size: var(--core-type-paragraph-20-size);\n  --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking);\n  --core-type-semibold-20-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-30-case: var(--core-type-paragraph-30-case);\n  --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family);\n  --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading);\n  --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale);\n  --core-type-semibold-30-size: var(--core-type-paragraph-30-size);\n  --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking);\n  --core-type-semibold-30-weight: var(--core-type-semibold-weight);\n  --core-type-semibold-weight: 600;\n  --core-vertical-size-class-regular-threshold: 600px;\n  --core-vertical-size-class-tall-threshold: 864px;\n  --core-warning-10-color: var(--core-warning-10-light-mode-color);\n  --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color);\n  --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color);\n  --core-warning-20-color: var(--core-warning-20-light-mode-color);\n  --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color);\n  --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color);\n  --core-warning-30-color: var(--core-warning-30-light-mode-color);\n  --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color);\n  --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color);\n  --core-warning-40-color: var(--core-warning-40-light-mode-color);\n  --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color);\n  --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color);\n  --core-warning-fill-color: var(--core-warning-fill-light-mode-color);\n  --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color);\n  --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color);\n  --core-warning-text-color: var(--core-warning-text-light-mode-color);\n  --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color);\n  --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color);\n  --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);\n  --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);\n  --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);\n  --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);\n  --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);\n  --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);\n  --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);\n  --core-yellow-10-color: var(--core-yellow-10-light-mode-color);\n  --core-yellow-10-dark-mode-color: #CC9900;\n  --core-yellow-10-light-mode-color: #CC9900;\n  --core-yellow-20-color: var(--core-yellow-20-light-mode-color);\n  --core-yellow-20-dark-mode-color: #E5AC00;\n  --core-yellow-20-light-mode-color: #E5AC00;\n  --core-yellow-30-color: var(--core-yellow-30-light-mode-color);\n  --core-yellow-30-dark-mode-color: #594300;\n  --core-yellow-30-light-mode-color: #FFF2CC;\n  --core-yellow-40-color: var(--core-yellow-40-light-mode-color);\n  --core-yellow-40-dark-mode-color: #332600;\n  --core-yellow-40-light-mode-color: #FFF9E5;\n  --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color);\n  --core-yellow-fill-dark-mode-color: #FFBF00;\n  --core-yellow-fill-light-mode-color: #FFBF00;\n  --core-yellow-text-color: var(--core-yellow-text-light-mode-color);\n  --core-yellow-text-dark-mode-color: #FFBF00;\n  --core-yellow-text-light-mode-color: #876500;\n\n  /* ========================================================================\n   * COMPONENT\n   * ======================================================================== */\n\n  /* ========== accessory ========== */\n  --accessory-background-color: var(--accessory-background-light-mode-color);\n  --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --accessory-background-radius: var(--accessory-medium-size-radius);\n  --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color);\n  --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color);\n  --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color);\n  --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color);\n  --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color);\n  --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color);\n  --accessory-disabled-state-opacity: var(--core-opacity-disabled-state);\n  --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color);\n  --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color);\n  --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color);\n  --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color);\n  --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --accessory-icon-variant-large-size-height: 40px;\n  --accessory-icon-variant-large-size-width: 40px;\n  --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color);\n  --accessory-icon-variant-medium-size-height: 24px;\n  --accessory-icon-variant-medium-size-width: 24px;\n  --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color);\n  --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case);\n  --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family);\n  --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading);\n  --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);\n  --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale);\n  --accessory-initials-variant-large-size-text-size: 28px;\n  --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking);\n  --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight);\n  --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color);\n  --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case);\n  --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size);\n  --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --accessory-large-size-height: var(--core-large-size-minimum-height);\n  --accessory-large-size-icon-height: var(--core-icon-large-size-height);\n  --accessory-large-size-icon-width: var(--accessory-large-size-icon-height);\n  --accessory-large-size-radius: var(--core-radius-100);\n  --accessory-large-size-text-case: var(--core-type-display-10-case);\n  --accessory-large-size-text-font-family: var(--core-type-display-10-font-family);\n  --accessory-large-size-text-leading: var(--accessory-large-size-text-size);\n  --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);\n  --accessory-large-size-text-scale: var(--core-type-display-10-scale);\n  --accessory-large-size-text-size: 28px;\n  --accessory-large-size-text-tracking: var(--core-type-display-10-tracking);\n  --accessory-large-size-text-weight: var(--core-type-medium-weight);\n  --accessory-large-size-width: var(--accessory-large-size-height);\n  --accessory-medium-size-height: var(--core-small-size-minimum-height);\n  --accessory-medium-size-icon-height: var(--core-icon-medium-size-height);\n  --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height);\n  --accessory-medium-size-radius: var(--core-radius-100);\n  --accessory-medium-size-text-case: var(--core-type-semibold-30-case);\n  --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --accessory-medium-size-text-size: var(--core-type-semibold-30-size);\n  --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --accessory-medium-size-width: var(--accessory-medium-size-height);\n  --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color);\n  --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color);\n  --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --accessory-normal-state-opacity: var(--core-opacity-normal-state);\n  --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color);\n  --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color);\n\n  /* ========== accordion ========== */\n  --accordion-disabled-state-accessory-opacity: 0.5;\n  --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color);\n  --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color);\n  --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --accordion-focus-state-accessory-opacity: 1;\n  --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color);\n  --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color);\n  --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height);\n  --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width);\n  --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing);\n  --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height);\n  --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width);\n  --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing);\n  --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding);\n  --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color);\n  --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color);\n  --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color);\n  --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size);\n  --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case);\n  --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family);\n  --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading);\n  --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing);\n  --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale);\n  --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size);\n  --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking);\n  --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight);\n  --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case);\n  --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family);\n  --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading);\n  --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing);\n  --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale);\n  --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size);\n  --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking);\n  --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight);\n  --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding);\n  --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height);\n  --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width);\n  --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing);\n  --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height);\n  --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width);\n  --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing);\n  --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding);\n  --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color);\n  --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color);\n  --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color);\n  --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size);\n  --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case);\n  --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family);\n  --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading);\n  --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing);\n  --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale);\n  --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size);\n  --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking);\n  --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight);\n  --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case);\n  --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family);\n  --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading);\n  --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing);\n  --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale);\n  --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size);\n  --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking);\n  --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight);\n  --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding);\n  --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height);\n  --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width);\n  --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing);\n  --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height);\n  --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width);\n  --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing);\n  --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding);\n  --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color);\n  --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color);\n  --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color);\n  --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size);\n  --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case);\n  --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family);\n  --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading);\n  --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing);\n  --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale);\n  --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size);\n  --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking);\n  --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight);\n  --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case);\n  --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family);\n  --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading);\n  --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing);\n  --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale);\n  --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size);\n  --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking);\n  --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight);\n  --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding);\n  --accordion-hover-state-accessory-opacity: 1;\n  --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color);\n  --accordion-hover-state-content-dark-mode-color: var(--core-constant-gray-85-color);\n  --accordion-hover-state-content-light-mode-color: var(--core-constant-gray-45-color);\n  --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color);\n  --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-large-size-collapsed-phase-icon-height: 24px;\n  --accordion-large-size-collapsed-phase-icon-width: 24px;\n  --accordion-large-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-large-size-expanded-phase-icon-height: 24px;\n  --accordion-large-size-expanded-phase-icon-width: 24px;\n  --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-large-size-horizontal-padding: 0px;\n  --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color);\n  --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-large-size-separator-size: 1px;\n  --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case);\n  --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family);\n  --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading);\n  --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale);\n  --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size);\n  --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking);\n  --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight);\n  --accordion-large-size-text-case: var(--core-type-heading-30-case);\n  --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family);\n  --accordion-large-size-text-leading: var(--core-type-heading-30-leading);\n  --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --accordion-large-size-text-scale: var(--core-type-heading-30-scale);\n  --accordion-large-size-text-size: var(--core-type-heading-30-size);\n  --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking);\n  --accordion-large-size-text-weight: var(--core-type-heading-30-weight);\n  --accordion-large-size-vertical-padding: 24px;\n  --accordion-medium-size-collapsed-phase-icon-height: 20px;\n  --accordion-medium-size-collapsed-phase-icon-width: 20px;\n  --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-medium-size-expanded-phase-icon-height: 20px;\n  --accordion-medium-size-expanded-phase-icon-width: 20px;\n  --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-medium-size-horizontal-padding: 0px;\n  --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color);\n  --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-medium-size-separator-size: 1px;\n  --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case);\n  --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family);\n  --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading);\n  --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale);\n  --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size);\n  --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking);\n  --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight);\n  --accordion-medium-size-text-case: var(--core-type-heading-20-case);\n  --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family);\n  --accordion-medium-size-text-leading: var(--core-type-heading-20-leading);\n  --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing);\n  --accordion-medium-size-text-scale: var(--core-type-heading-20-scale);\n  --accordion-medium-size-text-size: var(--core-type-heading-20-size);\n  --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking);\n  --accordion-medium-size-text-weight: var(--core-type-heading-20-weight);\n  --accordion-medium-size-vertical-padding: 19px;\n  --accordion-normal-state-accessory-opacity: 1;\n  --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color);\n  --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color);\n  --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-pressed-state-accessory-opacity: 1;\n  --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color);\n  --accordion-pressed-state-content-dark-mode-color: var(--core-constant-gray-60-color);\n  --accordion-pressed-state-content-light-mode-color: var(--core-constant-gray-60-color);\n  --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color);\n  --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --accordion-small-size-collapsed-phase-icon-height: 16px;\n  --accordion-small-size-collapsed-phase-icon-width: 16px;\n  --accordion-small-size-content-spacing: var(--core-metrics-spacing-200);\n  --accordion-small-size-expanded-phase-icon-height: 16px;\n  --accordion-small-size-expanded-phase-icon-width: 16px;\n  --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100);\n  --accordion-small-size-horizontal-padding: 0px;\n  --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color);\n  --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --accordion-small-size-separator-size: 1px;\n  --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case);\n  --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family);\n  --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading);\n  --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale);\n  --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size);\n  --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking);\n  --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight);\n  --accordion-small-size-text-case: var(--core-type-heading-10-case);\n  --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family);\n  --accordion-small-size-text-leading: var(--core-type-heading-10-leading);\n  --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing);\n  --accordion-small-size-text-scale: var(--core-type-heading-10-scale);\n  --accordion-small-size-text-size: var(--core-type-heading-10-size);\n  --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking);\n  --accordion-small-size-text-weight: var(--core-type-heading-10-weight);\n  --accordion-small-size-vertical-padding: 13px;\n\n  /* ========== actionCard ========== */\n  --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity);\n  --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color);\n  --action-card-active-state-selected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --action-card-active-state-selected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color);\n  --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --action-card-active-state-selected-value-border-width: var(--core-border-20);\n  --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state);\n  --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color);\n  --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --action-card-active-state-unselected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color);\n  --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-active-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state);\n  --action-card-background-color: var(--action-card-background-light-mode-color);\n  --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color);\n  --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);\n  --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);\n  --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width);\n  --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color);\n  --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);\n  --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);\n  --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width);\n  --action-card-border-radius: var(--core-radius-200);\n  --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color);\n  --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);\n  --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color);\n  --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width);\n  --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity);\n  --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color);\n  --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color);\n  --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-disabled-state-selected-value-border-width: var(--core-border-20);\n  --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state);\n  --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color);\n  --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-disabled-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state);\n  --action-card-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color);\n  --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);\n  --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);\n  --action-card-horizontal-gap: var(--core-metrics-spacing-100);\n  --action-card-horizontal-padding: var(--core-metrics-spacing-200);\n  --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity);\n  --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color);\n  --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --action-card-hover-state-selected-value-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color);\n  --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-hover-state-selected-value-border-width: var(--core-border-20);\n  --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state);\n  --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color);\n  --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);\n  --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --action-card-hover-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state);\n  --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity);\n  --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color);\n  --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color);\n  --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --action-card-normal-state-selected-value-border-width: var(--core-border-20);\n  --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state);\n  --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color);\n  --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color);\n  --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --action-card-normal-state-unselected-value-border-width: var(--core-border-10);\n  --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state);\n  --action-card-padding-horizontal-size: var(--action-card-horizontal-padding);\n  --action-card-padding-vertical-size: var(--action-card-vertical-padding);\n  --action-card-spacing: var(--action-card-horizontal-gap);\n  --action-card-vertical-gap: var(--core-metrics-spacing-100);\n  --action-card-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== activityIndicator ========== */\n  --activity-indicator-bar-height: 4px;\n  --activity-indicator-bar-radius: 2px;\n  --activity-indicator-bar-width: 120px;\n  --activity-indicator-radial-large-size-diameter-size: 60px;\n  --activity-indicator-radial-large-size-stroke-size: 6px;\n  --activity-indicator-radial-medium-size-diameter-size: 36px;\n  --activity-indicator-radial-medium-size-stroke-size: 4px;\n  --activity-indicator-radial-small-size-diameter-size: 20px;\n  --activity-indicator-radial-small-size-stroke-size: 2px;\n  --activity-indicator-radial-xlarge-size-diameter-size: 120px;\n  --activity-indicator-radial-xlarge-size-stroke-size: 10px;\n\n  /* ========== badge ========== */\n  --badge-alert-variant-icon-height: var(--core-icon-small-size-height);\n  --badge-alert-variant-icon-width: var(--core-icon-small-size-width);\n  --badge-border-radius: var(--core-radius-circle);\n  --badge-border-width: var(--core-border-20);\n  --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color);\n  --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --badge-indicator-variant-dot-diameter-ratio: 0.556;\n  --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color);\n  --badge-info-style-background-dark-mode-color: var(--core-blue-fill-dark-mode-color);\n  --badge-info-style-background-light-mode-color: var(--core-blue-fill-light-mode-color);\n  --badge-label-variant-text-case: var(--core-type-semibold-10-case);\n  --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family);\n  --badge-label-variant-text-leading: var(--core-type-semibold-10-leading);\n  --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --badge-label-variant-text-scale: var(--core-type-semibold-10-scale);\n  --badge-label-variant-text-size: var(--core-type-semibold-10-size);\n  --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking);\n  --badge-label-variant-text-weight: var(--core-type-semibold-10-weight);\n  --badge-minimum-height: 18px;\n  --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color);\n  --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color);\n  --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color);\n  --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color);\n  --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color);\n  --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color);\n  --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color);\n  --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color);\n  --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color);\n  --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color);\n  --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color);\n  --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color);\n  --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color);\n  --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color);\n  --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color);\n  --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color);\n  --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color);\n  --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color);\n  --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50);\n  --badge-numeric-variant-maximum-count: 99;\n  --badge-numeric-variant-maximum-width: 30px;\n  --badge-numeric-variant-text-case: var(--core-type-semibold-10-case);\n  --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family);\n  --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading);\n  --badge-numeric-variant-text-number-spacing: 'monospaced';\n  --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale);\n  --badge-numeric-variant-text-size: var(--core-type-semibold-10-size);\n  --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking);\n  --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight);\n\n  /* ========== banner ========== */\n  --banner-border-radius: var(--core-radius-200);\n  --banner-border-width: var(--core-border-10);\n  --banner-button-separator-color: var(--banner-button-separator-light-mode-color);\n  --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color);\n  --banner-button-separator-height: var(--banner-text-link-group-separator-height);\n  --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color);\n  --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity);\n  --banner-button-separator-width: var(--banner-text-link-group-separator-width);\n  --banner-button-spacing: var(--banner-text-link-group-gap);\n  --banner-button-text-case: var(--banner-text-link-text-case);\n  --banner-button-text-font-family: var(--banner-text-link-text-font-family);\n  --banner-button-text-leading: var(--banner-text-link-text-leading);\n  --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing);\n  --banner-button-text-scale: var(--banner-text-link-text-scale);\n  --banner-button-text-size: var(--banner-text-link-text-size);\n  --banner-button-text-tracking: var(--banner-text-link-text-tracking);\n  --banner-button-text-weight: var(--banner-text-link-text-weight);\n  --banner-content-gap: var(--core-metrics-spacing-150);\n  --banner-content-spacing: var(--banner-content-gap);\n  --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color);\n  --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color);\n  --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color);\n  --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color);\n  --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);\n  --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color);\n  --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color);\n  --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color);\n  --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color);\n  --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color);\n  --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color);\n  --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color);\n  --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color);\n  --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --banner-horizontal-padding: var(--core-metrics-spacing-200);\n  --banner-icon-gap: var(--core-metrics-spacing-150);\n  --banner-icon-spacing: var(--banner-icon-gap);\n  --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color);\n  --banner-info-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --banner-info-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color);\n  --banner-info-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --banner-info-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color);\n  --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color);\n  --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color);\n  --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n  --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color);\n  --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color);\n  --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color);\n  --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color);\n  --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n  --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n  --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color);\n  --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color);\n  --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color);\n  --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color);\n  --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color);\n  --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color);\n  --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color);\n  --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color);\n  --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color);\n  --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);\n  --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);\n  --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);\n  --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color);\n  --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color);\n  --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color);\n  --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color);\n  --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color);\n  --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color);\n  --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color);\n  --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --banner-multiline-gap: var(--core-metrics-spacing-150);\n  --banner-multiline-spacing: var(--banner-multiline-gap);\n  --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color);\n  --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color);\n  --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color);\n  --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color);\n  --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color);\n  --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color);\n  --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color);\n  --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color);\n  --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);\n  --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);\n  --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color);\n  --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);\n  --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);\n  --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color);\n  --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color);\n  --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color);\n  --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color);\n  --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color);\n  --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color);\n  --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color);\n  --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color);\n  --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color);\n  --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --banner-text-case: var(--core-type-paragraph-30-case);\n  --banner-text-font-family: var(--core-type-paragraph-30-font-family);\n  --banner-text-leading: var(--core-type-paragraph-30-leading);\n  --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing);\n  --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color);\n  --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color);\n  --banner-text-link-group-separator-height: var(--text-link-group-separator-height);\n  --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color);\n  --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity);\n  --banner-text-link-group-separator-width: var(--text-link-group-separator-width);\n  --banner-text-link-text-case: var(--text-link-medium-size-text-case);\n  --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --banner-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --banner-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --banner-text-link-text-size: var(--text-link-medium-size-text-size);\n  --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --banner-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --banner-text-scale: var(--core-type-paragraph-30-scale);\n  --banner-text-size: var(--core-type-paragraph-30-size);\n  --banner-text-tracking: var(--core-type-paragraph-30-tracking);\n  --banner-text-weight: var(--core-type-paragraph-30-weight);\n  --banner-title-case: var(--core-type-semibold-30-case);\n  --banner-title-font-family: var(--core-type-semibold-30-font-family);\n  --banner-title-leading: var(--core-type-semibold-30-leading);\n  --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --banner-title-scale: var(--core-type-semibold-30-scale);\n  --banner-title-size: var(--core-type-semibold-30-size);\n  --banner-title-tracking: var(--core-type-semibold-30-tracking);\n  --banner-title-weight: var(--core-type-semibold-30-weight);\n  --banner-vertical-padding: var(--core-metrics-spacing-200);\n  --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color);\n  --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color);\n  --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color);\n  --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color);\n  --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color);\n  --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color);\n  --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color);\n  --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);\n  --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);\n  --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);\n  --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color);\n  --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color);\n  --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color);\n  --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color);\n  --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color);\n  --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color);\n  --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color);\n  --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== button-group ========== */\n  --button-group-overflow-button-border-radius: var(--icon-button-border-radius);\n  --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);\n  --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);\n  --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);\n  --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height);\n  --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width);\n  --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);\n  --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);\n  --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);\n  --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-padding-size: var(--icon-button-padding-size);\n  --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-size-multiplier: 1;\n  --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n  --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --button-group-spacing: var(--core-metrics-spacing-100);\n\n  /* ========== button ========== */\n  --button-border-radius: var(--core-radius-circle);\n  --button-compact-horizontal-size-class-sample-token: 100px;\n  --button-compact-vertical-size-class-sample-token-2: 10px;\n  --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);\n  --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);\n  --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --button-focus-ring-color: var(--button-light-mode-focus-ring-color);\n  --button-large-size-border-radius: 32px;\n  --button-large-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --button-large-size-minimum-width-multiplier: 1.75;\n  --button-large-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-300);\n  --button-large-size-primary-rank-vertical-padding: 20px;\n  --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);\n  --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);\n  --button-large-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-300);\n  --button-large-size-tertiary-rank-vertical-padding: 20px;\n  --button-large-size-text-case: var(--core-type-semibold-30-case);\n  --button-large-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --button-large-size-text-leading: var(--core-type-semibold-30-leading);\n  --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --button-large-size-text-scale: var(--core-type-semibold-30-scale);\n  --button-large-size-text-size: var(--core-type-semibold-30-size);\n  --button-large-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --button-large-size-text-weight: var(--core-type-semibold-30-weight);\n  --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --button-medium-size-border-radius: 24px;\n  --button-medium-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --button-medium-size-minimum-width-multiplier: 1.75;\n  --button-medium-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-250);\n  --button-medium-size-primary-rank-vertical-padding: 12px;\n  --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);\n  --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);\n  --button-medium-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-250);\n  --button-medium-size-tertiary-rank-vertical-padding: 12px;\n  --button-medium-size-text-case: var(--core-type-semibold-30-case);\n  --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --button-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --button-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --button-medium-size-text-size: var(--core-type-semibold-30-size);\n  --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --button-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;\n  --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);\n  --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);\n  --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --button-regular-horizontal-size-class-sample-token: 200px;\n  --button-regular-vertical-size-class-sample-token-2: 20px;\n  --button-small-size-border-radius: 20px;\n  --button-small-size-content-spacing: var(--core-metrics-spacing-100);\n  --button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --button-small-size-minimum-width-multiplier: 1.75;\n  --button-small-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-200);\n  --button-small-size-primary-rank-vertical-padding: 9px;\n  --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);\n  --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);\n  --button-small-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-200);\n  --button-small-size-tertiary-rank-vertical-padding: 9px;\n  --button-small-size-text-case: var(--core-type-semibold-20-case);\n  --button-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --button-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --button-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --button-small-size-text-size: var(--core-type-semibold-20-size);\n  --button-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --button-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --button-tall-vertical-size-class-sample-token-2: 30px;\n  --button-tertiary-rank-underline: 1px;\n  --button-wide-horizontal-size-class-sample-token: 300px;\n\n  /* ========== calculator ========== */\n  --calculator-below-display-spacing: var(--core-metrics-spacing-200);\n  --calculator-button-border-radius-size: var(--core-radius-circle);\n  --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color);\n  --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color);\n  --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color);\n  --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-icon-large-calculator-size: 40px;\n  --calculator-button-icon-small-calculator-size: 32px;\n  --calculator-button-large-calculator-height: 80px;\n  --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n  --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);\n  --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);\n  --calculator-button-small-calculator-height: 48px;\n  --calculator-button-text-large-calculator-case: var(--core-type-display-10-case);\n  --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-button-text-large-calculator-size: var(--core-type-display-10-size);\n  --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case);\n  --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family);\n  --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading);\n  --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);\n  --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale);\n  --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size);\n  --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking);\n  --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight);\n  --calculator-display-border-color: var(--calculator-display-border-light-mode-color);\n  --calculator-display-border-corner-radius: var(--core-radius-forms);\n  --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --calculator-display-border-stroke-width: 1px;\n  --calculator-display-large-size-horizontal-padding: 20px;\n  --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case);\n  --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family);\n  --calculator-display-large-size-large-calculator-height: 136px;\n  --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading);\n  --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing);\n  --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale);\n  --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size);\n  --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking);\n  --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight);\n  --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case);\n  --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-display-large-size-small-calculator-height: 80px;\n  --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size);\n  --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-display-large-size-vertical-padding: 20px;\n  --calculator-display-small-size-horizontal-padding: 20px;\n  --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case);\n  --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family);\n  --calculator-display-small-size-large-calculator-height: 80px;\n  --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading);\n  --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);\n  --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale);\n  --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size);\n  --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking);\n  --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight);\n  --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case);\n  --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family);\n  --calculator-display-small-size-small-calculator-height: 48px;\n  --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading);\n  --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);\n  --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale);\n  --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size);\n  --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking);\n  --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight);\n  --calculator-display-small-size-vertical-padding: 0px;\n  --calculator-display-text-color: var(--calculator-display-text-light-mode-color);\n  --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200);\n  --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200);\n\n  /* ========== carousel ========== */\n  --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100);\n  --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);\n  --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);\n  --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100);\n\n  /* ========== checkbox ========== */\n  --checkbox-border-radius: var(--core-radius-66);\n  --checkbox-border-size: var(--core-border-20);\n  --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color);\n  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color);\n  --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);\n  --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-height: var(--checkbox-width);\n  --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent;\n  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent;\n  --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent;\n  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --checkbox-width: var(--core-control-size-width);\n\n  /* ========== choice-button ========== */\n  --choice-button-border-radius: var(--core-radius-200);\n  --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color);\n  --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250);\n  --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case);\n  --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family);\n  --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading);\n  --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale);\n  --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size);\n  --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking);\n  --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight);\n  --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case);\n  --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);\n  --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading);\n  --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale);\n  --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size);\n  --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);\n  --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight);\n  --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250);\n  --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200);\n  --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case);\n  --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family);\n  --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading);\n  --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale);\n  --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size);\n  --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking);\n  --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight);\n  --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case);\n  --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);\n  --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading);\n  --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale);\n  --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size);\n  --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);\n  --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight);\n  --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);\n  --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier);\n  --choice-button-minimum-width-multiplier: 1.5;\n  --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color);\n  --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);\n  --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color);\n  --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);\n  --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color);\n  --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color);\n  --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color);\n  --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color);\n  --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color);\n  --choice-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC;\n  --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);\n  --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color);\n  --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);\n  --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100);\n  --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case);\n  --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family);\n  --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading);\n  --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale);\n  --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size);\n  --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking);\n  --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight);\n  --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case);\n  --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family);\n  --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading);\n  --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale);\n  --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size);\n  --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking);\n  --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight);\n  --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color);\n  --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color);\n  --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color);\n  --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color);\n  --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color);\n  --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color);\n  --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color);\n  --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color);\n  --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n\n  /* ========== choice-icon-button ========== */\n  --choice-icon-button-border-radius: var(--core-radius-200);\n  --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color);\n  --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200);\n  --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200);\n  --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);\n  --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier);\n  --choice-icon-button-minimum-width-multiplier: 1;\n  --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);\n  --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);\n  --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);\n  --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);\n  --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);\n  --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);\n  --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);\n  --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);\n  --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC;\n  --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);\n  --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100);\n  --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);\n  --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);\n  --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n\n  /* ========== coachmark ========== */\n  --coachmark-background-color: var(--coachmark-background-light-mode-color);\n  --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --coachmark-border-radius: var(--core-radius-100);\n  --coachmark-heading-case: var(--core-type-semibold-20-case);\n  --coachmark-heading-color: var(--coachmark-heading-light-mode-color);\n  --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-heading-font-family: var(--core-type-semibold-20-font-family);\n  --coachmark-heading-leading: var(--core-type-semibold-20-leading);\n  --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --coachmark-heading-scale: var(--core-type-semibold-20-scale);\n  --coachmark-heading-size: var(--core-type-semibold-20-size);\n  --coachmark-heading-tracking: var(--core-type-semibold-20-tracking);\n  --coachmark-heading-weight: var(--core-type-semibold-20-weight);\n  --coachmark-horizontal-padding: var(--core-metrics-spacing-200);\n  --coachmark-icon-button-border-radius: var(--icon-button-border-radius);\n  --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);\n  --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);\n  --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);\n  --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color);\n  --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color);\n  --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height);\n  --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width);\n  --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);\n  --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);\n  --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);\n  --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-padding-size: var(--icon-button-padding-size);\n  --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n  --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --coachmark-paragraph-case: var(--core-type-paragraph-20-case);\n  --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color);\n  --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family);\n  --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading);\n  --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale);\n  --coachmark-paragraph-size: var(--core-type-paragraph-20-size);\n  --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking);\n  --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight);\n  --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color);\n  --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color);\n  --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color);\n  --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color);\n  --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color);\n  --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color);\n  --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color);\n  --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color);\n  --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color);\n  --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color);\n  --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color);\n  --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color);\n  --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color);\n  --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color);\n  --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color);\n  --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color);\n  --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color);\n  --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color);\n  --coachmark-pill-border-width: var(--pill-border-width);\n  --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius);\n  --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius);\n  --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding);\n  --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius);\n  --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding);\n  --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size);\n  --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing);\n  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left);\n  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right);\n  --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius);\n  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left);\n  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right);\n  --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size);\n  --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size);\n  --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size);\n  --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal);\n  --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case);\n  --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding);\n  --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family);\n  --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left);\n  --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading);\n  --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing);\n  --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale);\n  --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size);\n  --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking);\n  --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight);\n  --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding);\n  --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color);\n  --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color);\n  --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color);\n  --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color);\n  --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color);\n  --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color);\n  --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color);\n  --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color);\n  --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color);\n  --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color);\n  --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color);\n  --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color);\n  --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color);\n  --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color);\n  --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color);\n  --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color);\n  --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color);\n  --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color);\n  --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color);\n  --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color);\n  --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color);\n  --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius);\n  --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius);\n  --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding);\n  --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius);\n  --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding);\n  --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size);\n  --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing);\n  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left);\n  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right);\n  --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius);\n  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left);\n  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right);\n  --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size);\n  --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size);\n  --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size);\n  --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal);\n  --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case);\n  --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding);\n  --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family);\n  --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left);\n  --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading);\n  --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing);\n  --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale);\n  --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size);\n  --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking);\n  --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight);\n  --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding);\n  --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color);\n  --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color);\n  --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color);\n  --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color);\n  --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color);\n  --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color);\n  --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color);\n  --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color);\n  --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color);\n  --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color);\n  --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color);\n  --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color);\n  --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color);\n  --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color);\n  --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color);\n  --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color);\n  --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color);\n  --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color);\n  --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color);\n  --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color);\n  --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color);\n  --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n  --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);\n  --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);\n  --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color);\n  --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color);\n  --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color);\n  --coachmark-step-indicator-case: var(--core-type-paragraph-20-case);\n  --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color);\n  --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family);\n  --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading);\n  --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale);\n  --coachmark-step-indicator-size: var(--core-type-paragraph-20-size);\n  --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking);\n  --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight);\n  --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color);\n  --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --coachmark-text-link-text-case: var(--text-link-small-size-text-case);\n  --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --coachmark-text-link-text-size: var(--text-link-small-size-text-size);\n  --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --coachmark-text-link-vertical-padding: 0px;\n  --coachmark-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== codeDisplay ========== */\n  --code-display-border-radius: var(--core-radius-200);\n\n  /* ========== colorPicker ========== */\n  --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height);\n  --color-picker-adjustments-hue-radius: var(--core-radius-100);\n  --color-picker-adjustments-saturation-brightness-min-height: 200;\n  --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200);\n  --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color);\n  --color-picker-adjustments-scrubber-border-inner-width: 2px;\n  --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-black-dark-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-black-light-mode-color);\n  --color-picker-adjustments-scrubber-border-outer-width: 1px;\n  --color-picker-adjustments-scrubber-multiplier: 1.25;\n  --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50);\n  --color-picker-adjustments-scrubber-size: 16px;\n  --color-picker-adjustments-scrubber-width: 2px;\n  --color-picker-dots-horizontal-spacing: 14px;\n  --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color);\n  --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color);\n  --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1);\n  --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color);\n  --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1);\n  --color-picker-dots-icon-size: 24px;\n  --color-picker-dots-size: var(--core-small-size-minimum-height);\n  --color-picker-dots-vertical-spacing: 16px;\n  --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color);\n  --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9;\n  --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9;\n  --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color);\n  --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-fill-white-dark-mode-color);\n  --color-picker-swatch-selected-state-light-mode-border-color: var(--core-fill-black-light-mode-color);\n  --color-picker-vertical-spacing: 16px;\n\n  /* ========== combobox ========== */\n  --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100);\n\n  /* ========== content-area-width ========== */\n  --content-area-width-regular-width: 600px;\n  --content-area-width-wide-width: 1248px;\n\n  /* ========== contentCard ========== */\n  --content-card-background-color: var(--content-card-background-light-mode-color);\n  --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color);\n  --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color);\n  --content-card-border-color: var(--content-card-border-light-mode-color);\n  --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color);\n  --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color);\n  --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);\n  --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);\n  --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color);\n  --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color);\n  --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);\n  --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);\n  --content-card-border-radius: var(--content-card-default-variant-border-radius);\n  --content-card-border-width: var(--content-card-default-variant-border-width);\n  --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color);\n  --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color);\n  --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);\n  --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);\n  --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --content-card-default-variant-border-radius: var(--core-radius-200);\n  --content-card-default-variant-border-width: var(--core-border-10);\n  --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color);\n  --content-card-emphasis-variant-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --content-card-emphasis-variant-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color);\n  --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --content-card-horizontal-padding: var(--core-metrics-spacing-200);\n  --content-card-padding-horizontal-size: var(--content-card-horizontal-padding);\n  --content-card-padding-vertical-size: var(--content-card-vertical-padding);\n  --content-card-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== content-expander ========== */\n  --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration);\n  --content-expander-animation-easing: var(--core-animation-move-transition-easing);\n  --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);\n  --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);\n  --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-constant-gray-85-color);\n  --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-constant-gray-45-color);\n  --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);\n  --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --content-expander-collapsed-display-normal-state-underline-size: 0px;\n  --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);\n  --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-constant-gray-60-color);\n  --content-expander-collapsed-display-pressed-state-light-mode-color: #767676;\n  --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size);\n  --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color);\n  --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color);\n  --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);\n  --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);\n  --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size);\n  --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color);\n  --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);\n  --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);\n  --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size);\n  --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color);\n  --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);\n  --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);\n  --content-expander-expanded-display-normal-state-underline-size: 1px;\n  --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color);\n  --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);\n  --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);\n  --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size);\n  --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color);\n  --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);\n  --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);\n  --content-expander-icon-height: var(--core-icon-small-size-height);\n  --content-expander-icon-width: var(--core-icon-small-size-width);\n  --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color);\n  --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color);\n  --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);\n  --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);\n  --content-expander-spacing: var(--core-metrics-spacing-100);\n  --content-expander-text-case: var(--core-type-semibold-30-case);\n  --content-expander-text-font-family: var(--core-type-semibold-30-font-family);\n  --content-expander-text-leading: var(--core-type-semibold-30-leading);\n  --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --content-expander-text-scale: var(--core-type-semibold-30-scale);\n  --content-expander-text-size: var(--core-type-semibold-30-size);\n  --content-expander-text-tracking: var(--core-type-semibold-30-tracking);\n  --content-expander-text-weight: var(--core-type-semibold-30-weight);\n  --content-expander-underline-size: 1px;\n\n  /* ========== datePicker ========== */\n  --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color);\n  --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color);\n  --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color);\n  --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-date-border-focused-state-border: 2;\n  --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color);\n  --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color);\n  --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color);\n  --date-picker-date-border-focused-state-opacity: 1;\n  --date-picker-date-border-normal-state-border: 2;\n  --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color);\n  --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --date-picker-date-border-normal-state-opacity: 0;\n  --date-picker-date-border-radius: var(--core-radius-circle);\n  --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color);\n  --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color);\n  --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-grid-item-height: var(--core-small-size-minimum-height);\n  --date-picker-grid-item-horizontal-padding: 0px;\n  --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100);\n  --date-picker-grid-item-width: var(--core-small-size-minimum-height);\n  --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color);\n  --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-header-button-border-radius: var(--core-radius-10);\n  --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color);\n  --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200);\n  --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-header-button-padding: var(--core-metrics-spacing-100);\n  --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color);\n  --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color);\n  --date-picker-header-font-case: var(--core-type-heading-30-case);\n  --date-picker-header-font-font-family: var(--core-type-heading-30-font-family);\n  --date-picker-header-font-leading: var(--core-type-heading-30-leading);\n  --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing);\n  --date-picker-header-font-scale: var(--core-type-heading-30-scale);\n  --date-picker-header-font-size: var(--core-type-heading-30-size);\n  --date-picker-header-font-tracking: var(--core-type-heading-30-tracking);\n  --date-picker-header-font-weight: var(--core-type-heading-30-weight);\n  --date-picker-header-minimum-height: 40px;\n  --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200);\n  --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400);\n  --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color);\n  --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-fill-40-light-mode-color);\n  --date-picker-menu-row-height: 48px;\n  --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color);\n  --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --date-picker-menu-row-width: 111px;\n  --date-picker-menu-text-case: var(--core-type-semibold-30-case);\n  --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family);\n  --date-picker-menu-text-leading: var(--core-type-semibold-30-leading);\n  --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --date-picker-menu-text-scale: var(--core-type-semibold-30-scale);\n  --date-picker-menu-text-size: var(--core-type-semibold-30-size);\n  --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking);\n  --date-picker-menu-text-weight: var(--core-type-semibold-30-weight);\n  --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300);\n  --date-picker-minimum-width: 280px;\n  --date-picker-month-minimum-width: 50px;\n  --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color);\n  --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color);\n  --date-picker-today-border-width: var(--core-border-10);\n  --date-picker-today-font-case: var(--core-type-semibold-30-case);\n  --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family);\n  --date-picker-today-font-leading: var(--core-type-semibold-30-leading);\n  --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --date-picker-today-font-scale: var(--core-type-semibold-30-scale);\n  --date-picker-today-font-size: var(--core-type-semibold-30-size);\n  --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking);\n  --date-picker-today-font-weight: var(--core-type-semibold-30-weight);\n  --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color);\n  --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color);\n  --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color);\n  --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case);\n  --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family);\n  --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading);\n  --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale);\n  --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size);\n  --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking);\n  --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight);\n\n  /* ========== divider ========== */\n  --divider-extra-small-variant-vertical-padding: 0px;\n  --divider-fill-color: var(--divider-fill-light-mode-color);\n  --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color);\n  --divider-height: var(--core-base-size);\n  --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400);\n  --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200);\n  --divider-radius: var(--core-radius-33);\n  --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100);\n  --divider-thick-size-height: var(--core-border-80);\n  --divider-thin-size-height: var(--core-border-20);\n\n  /* ========== dropdown-button ========== */\n  --dropdown-button-border-radius: var(--button-border-radius);\n  --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size);\n  --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);\n  --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius);\n  --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing);\n  --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height);\n  --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier);\n  --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);\n  --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);\n  --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding);\n  --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding);\n  --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding);\n  --dropdown-button-large-size-text-case: var(--button-large-size-text-case);\n  --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family);\n  --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading);\n  --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing);\n  --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale);\n  --dropdown-button-large-size-text-size: var(--button-large-size-text-size);\n  --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking);\n  --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight);\n  --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius);\n  --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing);\n  --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height);\n  --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier);\n  --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);\n  --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);\n  --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding);\n  --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding);\n  --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding);\n  --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case);\n  --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family);\n  --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading);\n  --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing);\n  --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale);\n  --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size);\n  --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking);\n  --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);\n  --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius);\n  --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing);\n  --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height);\n  --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier);\n  --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);\n  --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);\n  --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding);\n  --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding);\n  --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding);\n  --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding);\n  --dropdown-button-small-size-text-case: var(--button-small-size-text-case);\n  --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family);\n  --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading);\n  --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing);\n  --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale);\n  --dropdown-button-small-size-text-size: var(--button-small-size-text-size);\n  --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking);\n  --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight);\n  --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline);\n\n  /* ========== dropdown-icon-button ========== */\n  --dropdown-icon-button-border-radius: var(--icon-button-border-radius);\n  --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color);\n  --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color);\n  --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);\n  --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);\n  --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color);\n  --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color);\n  --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color);\n  --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color);\n  --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);\n  --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);\n  --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);\n  --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);\n  --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);\n  --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);\n  --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);\n  --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);\n  --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);\n  --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);\n  --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);\n  --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color);\n  --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color);\n  --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color);\n  --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color);\n  --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);\n  --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);\n  --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);\n  --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);\n  --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);\n\n  /* ========== empty-state ========== */\n  --empty-state-background-color: var(--empty-state-background-light-mode-color);\n  --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --empty-state-border-color: var(--empty-state-border-light-mode-color);\n  --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --empty-state-border-radius: var(--core-radius-200);\n  --empty-state-border-width: var(--core-border-10);\n  --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);\n  --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);\n  --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);\n  --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);\n  --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);\n  --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);\n  --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);\n  --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);\n  --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);\n  --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);\n  --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);\n  --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);\n  --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);\n  --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);\n  --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);\n  --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);\n  --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);\n  --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);\n  --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);\n  --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);\n  --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);\n  --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);\n  --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);\n  --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);\n  --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);\n  --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);\n  --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);\n  --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);\n  --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --empty-state-button-group-spacing: var(--button-group-spacing);\n  --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400);\n  --empty-state-heading-color: var(--empty-state-heading-light-mode-color);\n  --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-heading-text-case: var(--core-type-heading-20-case);\n  --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color);\n  --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family);\n  --empty-state-heading-text-leading: var(--core-type-heading-20-leading);\n  --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing);\n  --empty-state-heading-text-scale: var(--core-type-heading-20-scale);\n  --empty-state-heading-text-size: var(--core-type-heading-20-size);\n  --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking);\n  --empty-state-heading-text-weight: var(--core-type-heading-20-weight);\n  --empty-state-horizontal-padding: var(--core-metrics-spacing-400);\n  --empty-state-icon-size: 80px;\n  --empty-state-illustration-size: 96px;\n  --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case);\n  --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color);\n  --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family);\n  --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading);\n  --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale);\n  --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size);\n  --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking);\n  --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight);\n  --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100);\n  --empty-state-vertical-padding: var(--core-metrics-spacing-400);\n\n  /* ========== field ========== */\n  --field-action-text-case: var(--core-type-semibold-20-case);\n  --field-action-text-color: var(--field-light-mode-action-text-color);\n  --field-action-text-font-family: var(--core-type-semibold-20-font-family);\n  --field-action-text-leading: var(--core-type-semibold-20-leading);\n  --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --field-action-text-scale: var(--core-type-semibold-20-scale);\n  --field-action-text-size: var(--core-type-semibold-20-size);\n  --field-action-text-tracking: var(--core-type-semibold-20-tracking);\n  --field-action-text-weight: var(--core-type-semibold-20-weight);\n  --field-action-vertical-padding-size: 8px;\n  --field-border-radius: var(--core-radius-forms);\n  --field-border-size: 1px;\n  --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color);\n  --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color);\n  --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color);\n  --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color);\n  --field-dark-mode-selection-highlight-color: var(--core-fill-30-dark-mode-color);\n  --field-dark-mode-selection-text-cursor-color: var(--core-text-10-dark-mode-color);\n  --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color);\n  --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color);\n  --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color);\n  --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);\n  --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color);\n  --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color);\n  --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color);\n  --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color);\n  --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color);\n  --field-empty-phase-horizontal-padding-size: 16px;\n  --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case);\n  --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family);\n  --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading);\n  --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale);\n  --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size);\n  --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking);\n  --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight);\n  --field-empty-phase-vertical-padding-size: 20px;\n  --field-error-message-icon-buffer-size: 8px;\n  --field-error-message-icon-height: 8px;\n  --field-error-message-icon-vertical-spacing: 8px;\n  --field-error-message-icon-width: var(--field-error-message-icon-height);\n  --field-error-message-text-case: var(--core-type-paragraph-20-case);\n  --field-error-message-text-color: var(--field-light-mode-error-message-text-color);\n  --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family);\n  --field-error-message-text-leading: var(--core-type-paragraph-20-leading);\n  --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --field-error-message-text-scale: var(--core-type-paragraph-20-scale);\n  --field-error-message-text-size: var(--core-type-paragraph-20-size);\n  --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking);\n  --field-error-message-text-vertical-spacing: 8px;\n  --field-error-message-text-weight: var(--core-type-paragraph-20-weight);\n  --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size);\n  --field-float-phase-label-margin-bottom-size: 2px;\n  --field-float-phase-label-margin-top-size: 8px;\n  --field-float-phase-label-text-case: var(--core-type-semibold-20-case);\n  --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family);\n  --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading);\n  --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale);\n  --field-float-phase-label-text-size: var(--core-type-semibold-20-size);\n  --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking);\n  --field-float-phase-label-text-weight: 500;\n  --field-float-phase-vertical-padding-size: 8px;\n  --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color);\n  --field-focus-state-border-size: 2px;\n  --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);\n  --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);\n  --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n  --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color);\n  --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color);\n  --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color);\n  --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n  --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --field-helper-text-case: var(--core-type-paragraph-20-case);\n  --field-helper-text-font-family: var(--core-type-paragraph-20-font-family);\n  --field-helper-text-horizontal-spacing: 0px;\n  --field-helper-text-leading: var(--core-type-paragraph-20-leading);\n  --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --field-helper-text-scale: var(--core-type-paragraph-20-scale);\n  --field-helper-text-size: var(--core-type-paragraph-20-size);\n  --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color);\n  --field-helper-text-tracking: var(--core-type-paragraph-20-tracking);\n  --field-helper-text-vertical-spacing: 8px;\n  --field-helper-text-weight: var(--core-type-paragraph-20-weight);\n  --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color);\n  --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);\n  --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);\n  --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);\n  --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color);\n  --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);\n  --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n  --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color);\n  --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color);\n  --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color);\n  --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n  --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --field-icon-buffer-size: 16px;\n  --field-icon-height: 24px;\n  --field-icon-width: var(--field-icon-height);\n  --field-image-accessory-spacing-left-size: 12px;\n  --field-input-case: var(--core-type-paragraph-30-case);\n  --field-input-font-family: var(--core-type-paragraph-30-font-family);\n  --field-input-leading: var(--core-type-paragraph-30-leading);\n  --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --field-input-scale: var(--core-type-paragraph-30-scale);\n  --field-input-size: var(--core-type-paragraph-30-size);\n  --field-input-tracking: var(--core-type-paragraph-30-tracking);\n  --field-input-weight: var(--core-type-paragraph-30-weight);\n  --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color);\n  --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color);\n  --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color);\n  --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color);\n  --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color);\n  --field-light-mode-selection-highlight-color: var(--core-fill-30-light-mode-color);\n  --field-light-mode-selection-text-cursor-color: var(--core-text-10-light-mode-color);\n  --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color);\n  --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color);\n  --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color);\n  --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color);\n  --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);\n  --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color);\n  --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color);\n  --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color);\n  --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color);\n  --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color);\n  --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color);\n  --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color);\n  --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);\n  --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);\n  --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color);\n  --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color);\n  --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color);\n  --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color);\n  --field-selection-caret-color: var(--field-light-mode-selection-caret-color);\n  --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color);\n  --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color);\n  --field-trailing-accessory-buffer-size: 16px;\n  --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state);\n  --field-trailing-accessory-height: 48px;\n  --field-trailing-accessory-position-bottom-size: 8px;\n  --field-trailing-accessory-position-right-size: 0px;\n  --field-trailing-accessory-width: var(--field-trailing-accessory-height);\n\n  /* ========== file-upload ========== */\n  --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color);\n  --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);\n  --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color);\n  --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color);\n  --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400);\n  --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color);\n  --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color);\n  --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color);\n  --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n  --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color);\n  --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-minimum-height: 400px;\n  --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color);\n  --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color);\n  --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-dropzone-normal-state-border-radius: var(--core-radius-200);\n  --file-upload-dropzone-normal-state-border-width: var(--core-border-10);\n  --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color);\n  --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);\n  --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width);\n  --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color);\n  --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n  --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);\n  --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);\n  --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);\n  --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);\n  --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);\n  --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);\n  --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);\n  --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);\n  --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);\n  --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case);\n  --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color);\n  --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n  --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);\n  --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);\n  --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);\n  --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);\n  --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);\n  --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size);\n  --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);\n  --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);\n  --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding);\n  --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height);\n  --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color);\n  --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);\n  --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color);\n  --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200);\n  --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color);\n  --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);\n  --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color);\n  --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color);\n  --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height);\n  --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color);\n  --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color);\n  --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius);\n  --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color);\n  --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case);\n  --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);\n  --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);\n  --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size);\n  --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);\n  --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case);\n  --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);\n  --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading);\n  --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale);\n  --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size);\n  --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);\n  --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);\n  --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color);\n  --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n  --file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color);\n  --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color);\n  --file-upload-upload-item-single-value-border-radius: var(--core-radius-200);\n  --file-upload-upload-item-single-value-border-width: var(--core-border-10);\n  --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300);\n  --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height);\n  --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);\n  --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color);\n  --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n  --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);\n  --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);\n  --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);\n  --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);\n  --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);\n  --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);\n  --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);\n  --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);\n  --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case);\n  --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color);\n  --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n  --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);\n  --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);\n  --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);\n  --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);\n  --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);\n  --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size);\n  --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);\n  --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200);\n\n  /* ========== filter-button ========== */\n  --filter-button-border-radius: var(--core-radius-200);\n  --filter-button-border-size: 1px;\n  --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color);\n  --filter-button-disabled-state-background-dark-mode-color: transparent;\n  --filter-button-disabled-state-background-light-mode-color: transparent;\n  --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color);\n  --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-disabled-state-border-size: var(--core-border-10);\n  --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color);\n  --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color);\n  --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color);\n  --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --filter-button-feedback-maximum: 99;\n  --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color);\n  --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color);\n  --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-hover-state-border-size: var(--core-border-10);\n  --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color);\n  --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color);\n  --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-icon-content-spacing: var(--core-metrics-spacing-50);\n  --filter-button-icon-feedback-trailing-padding: 2px;\n  --filter-button-label-content-spacing: var(--core-metrics-spacing-100);\n  --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case);\n  --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size);\n  --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-medium-size-icon-horizontal-padding: 12px;\n  --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case);\n  --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size);\n  --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-medium-size-icon-vertical-padding: 12px;\n  --filter-button-medium-size-label-horizontal-padding: 16px;\n  --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case);\n  --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family);\n  --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading);\n  --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale);\n  --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size);\n  --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking);\n  --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight);\n  --filter-button-medium-size-label-vertical-padding: 12px;\n  --filter-button-medium-size-minimum-height: 48px;\n  --filter-button-medium-size-minimum-width-multiplier: 1;\n  --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color);\n  --filter-button-normal-state-background-dark-mode-color: transparent;\n  --filter-button-normal-state-background-light-mode-color: transparent;\n  --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color);\n  --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color);\n  --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);\n  --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color);\n  --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);\n  --filter-button-normal-state-border-size: var(--core-border-10);\n  --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color);\n  --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color);\n  --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color);\n  --filter-button-pressed-state-background-dark-mode-color: transparent;\n  --filter-button-pressed-state-background-light-mode-color: transparent;\n  --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color);\n  --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --filter-button-pressed-state-border-size: var(--core-border-20);\n  --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color);\n  --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);\n  --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color);\n  --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color);\n  --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case);\n  --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family);\n  --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading);\n  --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale);\n  --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size);\n  --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking);\n  --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight);\n  --filter-button-small-size-icon-horizontal-padding: 8px;\n  --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case);\n  --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family);\n  --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading);\n  --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale);\n  --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size);\n  --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking);\n  --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight);\n  --filter-button-small-size-icon-vertical-padding: 8px;\n  --filter-button-small-size-label-horizontal-padding: 12px;\n  --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case);\n  --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family);\n  --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading);\n  --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale);\n  --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size);\n  --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking);\n  --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight);\n  --filter-button-small-size-label-vertical-padding: 9px;\n  --filter-button-small-size-minimum-height: 40px;\n  --filter-button-small-size-minimum-width-multiplier: 1;\n\n  /* ========== footer ========== */\n  --footer-vertical-padding-size: 16px;\n\n  /* ========== hardware-slider ========== */\n  --hardware-slider-icon-size: 24px;\n  --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color);\n  --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-inverse-dark-mode-color);\n  --hardware-slider-icon-tint-light-mode-color: var(--core-fill-inverse-light-mode-color);\n  --hardware-slider-minimum-height: 48px;\n  --hardware-slider-minimum-width: 48px;\n  --hardware-slider-track-active-corner-radius: 40px;\n  --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color);\n  --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --hardware-slider-track-active-height: 40px;\n  --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color);\n  --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --hardware-slider-track-active-padding-horizontal-size: 8px;\n  --hardware-slider-track-inactive-corner-radius: 16px;\n  --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);\n  --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --hardware-slider-track-inactive-height: 16px;\n  --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);\n  --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n\n  /* ========== header ========== */\n  --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size);\n  --header-bottom-padding-size: var(--core-metrics-spacing-200);\n  --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size);\n  --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height);\n  --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case);\n  --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color);\n  --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);\n  --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);\n  --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);\n  --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);\n  --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size);\n  --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);\n  --header-compact-content-style-secondary-title-vertical-title-gap: 0px;\n  --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);\n  --header-compact-content-style-title-case: var(--core-type-heading-20-case);\n  --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color);\n  --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family);\n  --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);\n  --header-compact-content-style-title-leading: var(--core-type-heading-20-leading);\n  --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing);\n  --header-compact-content-style-title-scale: var(--core-type-heading-20-scale);\n  --header-compact-content-style-title-size: var(--core-type-heading-20-size);\n  --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking);\n  --header-compact-content-style-title-weight: var(--core-type-heading-20-weight);\n  --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150);\n  --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150);\n  --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200);\n  --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100);\n  --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);\n  --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150);\n  --header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);\n  --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100);\n  --header-divider-color: var(--header-divider-light-mode-color);\n  --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --header-divider-light-mode-color: var(--core-divider-20-light-mode-color);\n  --header-divider-size: var(--core-border-10);\n  --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300);\n  --header-horizontal-padding-size: var(--core-metrics-spacing-200);\n  --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);\n  --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case);\n  --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color);\n  --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);\n  --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);\n  --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);\n  --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);\n  --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size);\n  --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);\n  --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100);\n  --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);\n  --header-large-content-style-title-case: var(--core-type-heading-30-case);\n  --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color);\n  --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family);\n  --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);\n  --header-large-content-style-title-leading: var(--core-type-heading-30-leading);\n  --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing);\n  --header-large-content-style-title-scale: var(--core-type-heading-30-scale);\n  --header-large-content-style-title-size: var(--core-type-heading-30-size);\n  --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking);\n  --header-large-content-style-title-weight: var(--core-type-heading-30-weight);\n  --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color);\n  --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200);\n  --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color);\n  --header-main-text-minimum-width: 64px;\n  --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100);\n  --header-main-text-text-color: var(--header-main-text-light-mode-text-color);\n  --header-main-text-transition-duration: 0.16s;\n  --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300);\n  --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300);\n  --header-paragraph-case: var(--core-type-paragraph-30-case);\n  --header-paragraph-color: var(--header-paragraph-light-mode-color);\n  --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --header-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --header-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);\n  --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --header-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --header-paragraph-size: var(--core-type-paragraph-30-size);\n  --header-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --header-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200);\n  --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200);\n  --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300);\n  --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100);\n  --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200);\n  --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200);\n  --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);\n  --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200);\n  --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color);\n  --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color);\n  --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100);\n  --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color);\n  --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200);\n  --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300);\n  --header-top-padding-size: var(--core-metrics-spacing-300);\n  --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);\n  --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);\n  --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);\n  --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);\n  --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);\n\n  /* ========== icon-button ========== */\n  --icon-button-border-radius: var(--button-border-radius);\n  --icon-button-compact-size-minimum-height: 40px;\n  --icon-button-compact-size-minimum-padding-size: 12px;\n  --icon-button-compact-size-minimum-width: 40px;\n  --icon-button-compact-size-padding-size: 12px;\n  --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);\n  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);\n  --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color);\n  --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);\n  --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color);\n  --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n  --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n  --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color);\n  --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color);\n  --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color);\n  --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-large-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-large-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);\n  --icon-button-large-size-padding-size: 20px;\n  --icon-button-large-size-width-multiplier: 1;\n  --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100);\n  --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);\n  --icon-button-medium-size-padding-size: 12px;\n  --icon-button-medium-size-width-multiplier: 1;\n  --icon-button-minimum-height: 48px;\n  --icon-button-minimum-width: 48px;\n  --icon-button-normal-size-minimum-height: 48px;\n  --icon-button-normal-size-minimum-width: 48px;\n  --icon-button-normal-size-padding-size: 16px;\n  --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color);\n  --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color);\n  --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;\n  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-padding-size: 16px;\n  --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color);\n  --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);\n  --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);\n  --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);\n  --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n  --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);\n  --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);\n  --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color);\n  --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);\n  --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color);\n  --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);\n  --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color);\n  --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);\n  --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color);\n  --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);\n  --icon-button-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;\n  --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color);\n  --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-small-size-icon-height: var(--core-icon-medium-size-height);\n  --icon-button-small-size-icon-width: var(--core-icon-medium-size-width);\n  --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);\n  --icon-button-small-size-padding-size: 8px;\n  --icon-button-small-size-width-multiplier: 1;\n  --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent;\n  --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);\n  --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent;\n  --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);\n  --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);\n  --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);\n  --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent;\n  --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent;\n  --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n\n  /* ========== inline-section-header ========== */\n  --inline-section-header-10-heading-case: var(--core-type-heading-10-case);\n  --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family);\n  --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading);\n  --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing);\n  --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale);\n  --inline-section-header-10-heading-size: var(--core-type-heading-10-size);\n  --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking);\n  --inline-section-header-10-heading-vertical-padding: 9px;\n  --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight);\n  --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-10-paragraph-top-padding: 0px;\n  --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case);\n  --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size);\n  --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --inline-section-header-10-text-link-vertical-padding: 0px;\n  --inline-section-header-10-vertical-gap: 0px;\n  --inline-section-header-20-heading-case: var(--core-type-heading-20-case);\n  --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family);\n  --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading);\n  --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing);\n  --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale);\n  --inline-section-header-20-heading-size: var(--core-type-heading-20-size);\n  --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking);\n  --inline-section-header-20-heading-vertical-padding: 7px;\n  --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight);\n  --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-20-paragraph-top-padding: 5px;\n  --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case);\n  --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size);\n  --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --inline-section-header-20-text-link-vertical-padding: 0px;\n  --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50);\n  --inline-section-header-30-heading-case: var(--core-type-heading-30-case);\n  --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family);\n  --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading);\n  --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height);\n  --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing);\n  --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale);\n  --inline-section-header-30-heading-size: var(--core-type-heading-30-size);\n  --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking);\n  --inline-section-header-30-heading-vertical-padding: 4px;\n  --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight);\n  --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case);\n  --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family);\n  --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading);\n  --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale);\n  --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size);\n  --inline-section-header-30-paragraph-top-padding: 12px;\n  --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking);\n  --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight);\n  --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case);\n  --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family);\n  --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading);\n  --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale);\n  --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size);\n  --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking);\n  --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight);\n  --inline-section-header-30-text-link-vertical-padding: 0px;\n  --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150);\n  --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color);\n  --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100);\n  --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color);\n  --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);\n  --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color);\n  --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n\n  /* ========== inline-status ========== */\n  --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color);\n  --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color);\n  --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color);\n  --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color);\n  --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color);\n  --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --inline-status-normal-size-icon-size: 20px;\n  --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50);\n  --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case);\n  --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family);\n  --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading);\n  --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale);\n  --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size);\n  --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking);\n  --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight);\n  --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color);\n  --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color);\n  --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color);\n  --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color);\n  --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color);\n  --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color);\n  --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== keyboard-bar ========== */\n  --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color);\n  --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color);\n  --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color);\n  --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100);\n  --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color);\n  --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color);\n  --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color);\n  --keyboard-bar-spacing: var(--core-metrics-spacing-100);\n  --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color);\n  --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150);\n\n  /* ========== menu ========== */\n  --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);\n  --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color);\n  --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color);\n  --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);\n  --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);\n  --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color);\n  --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color);\n  --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);\n  --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);\n  --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color);\n  --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color);\n  --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);\n  --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);\n  --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color);\n  --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color);\n  --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color);\n  --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color);\n  --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color);\n  --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);\n  --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color);\n  --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color);\n  --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);\n  --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);\n  --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color);\n  --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color);\n  --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent;\n  --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent;\n  --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);\n  --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);\n  --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color);\n  --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color);\n  --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);\n  --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color);\n  --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color);\n  --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent;\n  --menu-item-unselected-value-normal-state-background-light-mode-color: transparent;\n  --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);\n  --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color);\n  --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);\n  --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color);\n  --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);\n  --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color);\n  --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n\n  /* ========== modalBlade ========== */\n  --modal-blade-background-color: var(--modal-blade-background-light-mode-color);\n  --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding);\n  --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-blade-corner-radius: var(--core-radius-modals);\n  --modal-blade-maximum-width-size: 464px;\n  --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-bottom-size: 0px;\n  --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);\n  --modal-blade-wide-viewport-width-size: 464px;\n\n  /* ========== modalDialog ========== */\n  --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);\n  --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);\n  --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);\n  --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);\n  --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);\n  --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);\n  --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);\n  --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);\n  --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);\n  --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);\n  --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);\n  --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);\n  --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);\n  --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);\n  --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);\n  --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);\n  --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);\n  --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);\n  --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);\n  --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);\n  --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);\n  --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);\n  --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);\n  --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);\n  --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);\n  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);\n  --modal-dialog-actions-spacing: var(--button-group-spacing);\n  --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400);\n  --modal-dialog-animation-duration: 0.50s;\n  --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-dialog-animation-enter-transition-opacity: 0;\n  --modal-dialog-animation-enter-transition-scale: 0.9;\n  --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-dialog-animation-exit-transition-opacity: 0;\n  --modal-dialog-animation-exit-transition-scale: 0.9;\n  --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color);\n  --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-dialog-border-radius: var(--core-radius-modals);\n  --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color);\n  --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color);\n  --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case);\n  --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family);\n  --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading);\n  --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale);\n  --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size);\n  --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking);\n  --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight);\n  --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size);\n  --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size);\n  --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400);\n  --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200);\n  --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size);\n  --modal-dialog-maximum-width-size: 480px;\n  --modal-dialog-medium-viewport-horizontal-padding-size: 40px;\n  --modal-dialog-medium-viewport-vertical-padding-size: 24px;\n  --modal-dialog-medium-viewport-width: 480px;\n  --modal-dialog-narrow-viewport-horizontal-padding-size: 24px;\n  --modal-dialog-narrow-viewport-vertical-padding-size: 24px;\n  --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color);\n  --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size);\n  --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-dialog-wide-horizontal-size-class-maximum-width: 464px;\n  --modal-dialog-wide-viewport-horizontal-padding-size: 32px;\n  --modal-dialog-wide-viewport-vertical-padding-size: 24px;\n  --modal-dialog-wide-viewport-width: 480px;\n\n  /* ========== modalFull ========== */\n  --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration);\n  --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-full-background-color: var(--modal-full-background-light-mode-color);\n  --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150);\n  --modal-full-fixed-layout-width: 600px;\n  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);\n  --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration);\n  --modal-full-medium-viewport-horizontal-padding-size: 24px;\n  --modal-full-medium-viewport-vertical-padding-size: 24px;\n  --modal-full-narrow-viewport-animation-duration: 0.50s;\n  --modal-full-narrow-viewport-horizontal-padding-size: 16px;\n  --modal-full-narrow-viewport-vertical-padding-size: 16px;\n  --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-full-veil-color: var(--modal-full-veil-light-mode-color);\n  --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);\n  --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration);\n  --modal-full-wide-viewport-horizontal-padding-size: 32px;\n  --modal-full-wide-viewport-vertical-padding-size: 16px;\n\n  /* ========== modalPartial ========== */\n  --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);\n  --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);\n  --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-partial-animation-enter-transition-opacity: 0;\n  --modal-partial-animation-enter-transition-scale: 0.9;\n  --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);\n  --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);\n  --modal-partial-animation-exit-transition-opacity: 0;\n  --modal-partial-animation-exit-transition-scale: 0.9;\n  --modal-partial-background-color: var(--modal-partial-background-light-mode-color);\n  --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-partial-border-radius: var(--core-radius-modals);\n  --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding);\n  --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px;\n  --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);\n  --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300);\n  --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300);\n  --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size);\n  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size);\n  --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);\n  --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-medium-viewport-width: 664px;\n  --modal-partial-narrow-viewport-animation-duration: 0.50s;\n  --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200);\n  --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px;\n  --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200);\n  --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px;\n  --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);\n  --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);\n  --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-regular-horizontal-size-class-maximum-width: 664px;\n  --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);\n  --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);\n  --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color);\n  --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size);\n  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size);\n  --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);\n  --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);\n  --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);\n  --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);\n  --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration);\n  --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400);\n  --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);\n  --modal-partial-wide-viewport-width: 664px;\n\n  /* ========== modalPopover ========== */\n  --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100);\n  --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100);\n  --modal-popover-appear-animation-percentage: 70px;\n  --modal-popover-background-color: var(--modal-popover-background-light-mode-color);\n  --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color);\n  --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --modal-popover-border-radius: var(--core-radius-200);\n  --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);\n  --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding);\n  --modal-popover-size-maximum-height: 464px;\n  --modal-popover-size-minimum-width: 200px;\n  --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);\n  --modal-popover-wide-viewport-max-height-size: 500px;\n  --modal-popover-wide-viewport-min-width-size: 200px;\n  --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100);\n  --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300);\n  --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300);\n  --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100);\n\n  /* ========== modalSheet ========== */\n  --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color);\n  --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color);\n  --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color);\n  --modal-sheet-border-radius: var(--core-radius-modals);\n  --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px;\n  --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);\n  --modal-sheet-compact-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);\n  --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color);\n  --modal-sheet-handle-border-radius: var(--core-radius-circle);\n  --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2);\n  --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color);\n  --modal-sheet-handle-height: 6px;\n  --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4);\n  --modal-sheet-handle-padding-bottom-size: 8px;\n  --modal-sheet-handle-padding-top-size: 26px;\n  --modal-sheet-handle-top-buffer-size: 10px;\n  --modal-sheet-handle-width: 56px;\n  --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size);\n  --modal-sheet-narrow-viewport-margin-bottom-size: 0px;\n  --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200);\n  --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200);\n  --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size);\n  --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size);\n  --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size);\n  --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size);\n  --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);\n  --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-regular-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color);\n  --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);\n  --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);\n  --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);\n  --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);\n  --modal-sheet-wide-horizontal-size-class-maximum-width: 464px;\n  --modal-sheet-wide-viewport-margin-bottom-size: 16px;\n  --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);\n  --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);\n\n  /* ========== numpad ========== */\n  --numpad-tall-layout-button-border-radius: 40px;\n\n  /* ========== pageIndicator ========== */\n  --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color);\n  --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color);\n  --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color);\n  --page-indicator-dot-size: 6px;\n  --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color);\n  --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color);\n  --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color);\n  --page-indicator-selected-size: 8px;\n  --page-indicator-spacing-size: 6px;\n\n  /* ========== pagination ========== */\n  --pagination-nav-content-spacing: var(--core-metrics-spacing-100);\n  --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100);\n  --pagination-nav-vertical-margin: var(--core-metrics-spacing-200);\n\n  /* ========== pagingIndicator ========== */\n  --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color);\n  --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --paging-indicator-selected-state-height: var(--core-metrics-spacing-50);\n  --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --paging-indicator-selected-state-width: var(--core-metrics-spacing-300);\n  --paging-indicator-spacing: var(--core-metrics-spacing-25);\n  --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color);\n  --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25);\n  --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color);\n  --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300);\n\n  /* ========== pill ========== */\n  --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color);\n  --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n  --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color);\n  --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color);\n  --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color);\n  --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);\n  --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color);\n  --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color);\n  --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);\n  --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color);\n  --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color);\n  --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color);\n  --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color);\n  --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color);\n  --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color);\n  --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n  --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color);\n  --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color);\n  --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color);\n  --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color);\n  --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color);\n  --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color);\n  --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);\n  --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color);\n  --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color);\n  --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color);\n  --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color);\n  --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color);\n  --pill-border-color: var(--pill-border-light-mode-color);\n  --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --pill-border-light-mode-color: var(--core-surface-5-light-mode-color);\n  --pill-border-width: var(--core-border-20);\n  --pill-compact-size-border-radius: var(--core-radius-circle);\n  --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius);\n  --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100);\n  --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius);\n  --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left);\n  --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size);\n  --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right);\n  --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200);\n  --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding);\n  --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding);\n  --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right);\n  --pill-compact-size-text-case: var(--core-type-semibold-10-case);\n  --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left);\n  --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family);\n  --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-compact-size-text-leading: var(--core-type-semibold-10-leading);\n  --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --pill-compact-size-text-scale: var(--core-type-semibold-10-scale);\n  --pill-compact-size-text-size: var(--core-type-semibold-10-size);\n  --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking);\n  --pill-compact-size-text-weight: var(--core-type-semibold-10-weight);\n  --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25);\n  --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color);\n  --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n  --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color);\n  --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color);\n  --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);\n  --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);\n  --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color);\n  --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color);\n  --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n  --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color);\n  --pill-emphasis-variant-icon-dark-mode-color: var(--core-blue-text-dark-mode-color);\n  --pill-emphasis-variant-icon-light-mode-color: var(--core-blue-text-light-mode-color);\n  --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);\n  --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-blue-40-dark-mode-color);\n  --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-blue-40-light-mode-color);\n  --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);\n  --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-blue-30-dark-mode-color);\n  --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-blue-30-light-mode-color);\n  --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color);\n  --pill-emphasis-variant-text-dark-mode-color: var(--core-blue-text-dark-mode-color);\n  --pill-emphasis-variant-text-light-mode-color: var(--core-blue-text-light-mode-color);\n  --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color);\n  --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n  --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color);\n  --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color);\n  --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color);\n  --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color);\n  --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);\n  --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color);\n  --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color);\n  --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color);\n  --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color);\n  --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color);\n  --pill-normal-size-border-radius: var(--core-radius-circle);\n  --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius);\n  --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150);\n  --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius);\n  --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left);\n  --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size);\n  --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right);\n  --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-normal-size-indicator-dot-radius: 5px;\n  --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100);\n  --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);\n  --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200);\n  --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding);\n  --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding);\n  --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right);\n  --pill-normal-size-text-case: var(--core-type-semibold-20-case);\n  --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left);\n  --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150);\n  --pill-normal-size-text-leading: var(--core-type-semibold-20-leading);\n  --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --pill-normal-size-text-scale: var(--core-type-semibold-20-scale);\n  --pill-normal-size-text-size: var(--core-type-semibold-20-size);\n  --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --pill-normal-size-text-weight: var(--core-type-semibold-20-weight);\n  --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50);\n  --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color);\n  --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n  --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color);\n  --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color);\n  --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);\n  --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n  --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color);\n  --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color);\n  --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n  --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color);\n  --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);\n  --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color);\n  --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color);\n  --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color);\n  --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color);\n  --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color);\n  --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color);\n  --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color);\n  --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);\n  --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);\n  --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color);\n  --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n  --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color);\n  --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color);\n  --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color);\n  --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color);\n  --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);\n  --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color);\n  --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color);\n  --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color);\n  --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);\n  --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);\n\n  /* ========== progressMeter ========== */\n  --progress-meter-bar-height: 4px;\n  --progress-meter-bar-radius: 2px;\n  --progress-meter-bar-width: 120px;\n  --progress-meter-radial-large-size-diameter-size: 60px;\n  --progress-meter-radial-large-size-stroke-size: 6px;\n  --progress-meter-radial-small-size-diameter-size: 20px;\n  --progress-meter-radial-small-size-stroke-size: 2px;\n\n  /* ========== qrcode ========== */\n  --qrcode-border-color: var(--qrcode-border-light-mode-color);\n  --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color);\n  --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color);\n  --qrcode-border-radius: var(--core-radius-266);\n  --qrcode-border-width: 1px;\n  --qrcode-gap: var(--core-metrics-spacing-200);\n  --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color);\n  --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color);\n  --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color);\n  --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color);\n  --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n  --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color);\n  --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n  --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color);\n  --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color);\n  --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color);\n  --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color);\n  --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color);\n  --qrcode-normal-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n  --qrcode-normal-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);\n  --qrcode-padding: var(--core-metrics-spacing-600);\n\n  /* ========== quantity-input-field ========== */\n  --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color);\n  --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100);\n  --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color);\n  --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color);\n  --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case);\n  --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family);\n  --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading);\n  --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced';\n  --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale);\n  --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size);\n  --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking);\n  --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight);\n  --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case);\n  --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family);\n  --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading);\n  --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing);\n  --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale);\n  --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size);\n  --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking);\n  --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight);\n  --quantity-input-field-value-text-case: var(--core-type-display-20-case);\n  --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color);\n  --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family);\n  --quantity-input-field-value-text-leading: var(--core-type-display-20-leading);\n  --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --quantity-input-field-value-text-number-spacing: 'monospaced';\n  --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color);\n  --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --quantity-input-field-value-text-scale: var(--core-type-display-20-scale);\n  --quantity-input-field-value-text-size: var(--core-type-display-20-size);\n  --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking);\n  --quantity-input-field-value-text-weight: var(--core-type-display-20-weight);\n\n  /* ========== radio ========== */\n  --radio-border-radius: 100px;\n  --radio-border-size: var(--core-border-20);\n  --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);\n  --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);\n  --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color);\n  --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color);\n  --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color);\n  --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);\n  --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);\n  --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);\n  --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);\n  --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-height: var(--radio-width);\n  --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color);\n  --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);\n  --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color);\n  --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);\n  --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-light-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);\n  --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);\n  --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);\n  --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);\n  --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);\n  --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);\n  --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);\n  --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);\n  --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);\n  --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color);\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent;\n  --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);\n  --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);\n  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);\n  --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);\n  --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent;\n  --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);\n  --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);\n  --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent;\n  --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);\n  --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);\n  --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);\n  --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent;\n  --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent;\n  --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --radio-selected-value-border-radius: var(--core-radius-circle);\n  --radio-selected-value-border-size: 0px;\n  --radio-selected-value-dot-size: 0.3;\n  --radio-svg-radius: 3px;\n  --radio-unselected-value-border-radius: var(--core-radius-circle);\n  --radio-unselected-value-border-size: var(--core-border-20);\n  --radio-unselected-value-dot-size: 0;\n  --radio-width: var(--core-control-size-width);\n\n  /* ========== rich-text ========== */\n  --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200);\n  --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color);\n  --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --rich-text-toolbar-background-radius: var(--field-border-radius);\n  --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height);\n  --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width);\n  --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400);\n  --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --rich-text-toolbar-button-width-multiplier: 1;\n  --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding);\n  --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color);\n  --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color);\n  --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200);\n  --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50);\n  --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150);\n\n  /* ========== row ========== */\n  --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);\n  --row-background-radius: var(--row-normal-variant-background-radius);\n  --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);\n  --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);\n  --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);\n  --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius);\n  --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);\n  --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color);\n  --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n  --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color);\n  --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n  --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);\n  --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color);\n  --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n  --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color);\n  --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n  --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color);\n  --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n  --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color);\n  --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color);\n  --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n  --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color);\n  --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n  --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color);\n  --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n  --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color);\n  --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n  --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color);\n  --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n  --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color);\n  --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n  --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);\n  --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color);\n  --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n  --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n  --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-hover-state-separator-dark-mode-color: transparent;\n  --row-destructive-variant-hover-state-separator-light-mode-color: transparent;\n  --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n  --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n  --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color);\n  --row-destructive-variant-normal-state-background-dark-mode-color: transparent;\n  --row-destructive-variant-normal-state-background-light-mode-color: transparent;\n  --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color);\n  --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);\n  --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color);\n  --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color);\n  --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);\n  --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);\n  --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color);\n  --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n  --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);\n  --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color);\n  --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n  --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);\n  --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color);\n  --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);\n  --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color);\n  --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n  --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color);\n  --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n  --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);\n  --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color);\n  --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n  --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);\n  --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color);\n  --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n  --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);\n  --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color);\n  --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n  --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);\n  --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color);\n  --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n  --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color);\n  --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n  --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);\n  --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color);\n  --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n  --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);\n  --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height);\n  --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color);\n  --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n  --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color);\n  --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n  --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);\n  --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color);\n  --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n  --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color);\n  --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n  --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color);\n  --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n  --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color);\n  --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n  --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color);\n  --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n  --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color);\n  --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n  --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);\n  --row-focus-ring-color: var(--row-light-mode-focus-ring-color);\n  --row-focus-ring-radius: 6px;\n  --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color);\n  --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color);\n  --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color);\n  --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color);\n  --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);\n  --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color);\n  --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color);\n  --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);\n  --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color);\n  --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color);\n  --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);\n  --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color);\n  --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color);\n  --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);\n  --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);\n  --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color);\n  --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);\n  --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color);\n  --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);\n  --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);\n  --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color);\n  --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);\n  --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);\n  --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color);\n  --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color);\n  --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color);\n  --row-horizontal-spacing: 12px;\n  --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color);\n  --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n  --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color);\n  --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color);\n  --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color);\n  --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n  --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color);\n  --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color);\n  --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color);\n  --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n  --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color);\n  --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color);\n  --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n  --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);\n  --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case);\n  --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family);\n  --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading);\n  --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale);\n  --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size);\n  --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking);\n  --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight);\n  --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-subtext-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-subtext-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case);\n  --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family);\n  --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading);\n  --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale);\n  --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size);\n  --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking);\n  --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight);\n  --row-medium-size-text-case: var(--core-type-medium-30-case);\n  --row-medium-size-text-font-family: var(--core-type-medium-30-font-family);\n  --row-medium-size-text-leading: var(--core-type-medium-30-leading);\n  --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing);\n  --row-medium-size-text-scale: var(--core-type-medium-30-scale);\n  --row-medium-size-text-size: var(--core-type-medium-30-size);\n  --row-medium-size-text-tracking: var(--core-type-medium-30-tracking);\n  --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25);\n  --row-medium-size-text-vertical-spacing: 2px;\n  --row-medium-size-text-weight: var(--core-type-medium-30-weight);\n  --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150);\n  --row-medium-size-vertical-padding: var(--core-metrics-spacing-200);\n  --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color);\n  --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n  --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color);\n  --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color);\n  --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color);\n  --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);\n  --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color);\n  --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color);\n  --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color);\n  --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color);\n  --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color);\n  --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100);\n  --row-normal-variant-background-radius: var(--core-radius-10);\n  --row-normal-variant-background-vertical-outset-padding: 0px;\n  --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n  --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color);\n  --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n  --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);\n  --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);\n  --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);\n  --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state);\n  --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);\n  --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);\n  --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color);\n  --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);\n  --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color);\n  --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n  --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color);\n  --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color);\n  --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color);\n  --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n  --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);\n  --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n  --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color);\n  --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n  --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color);\n  --row-normal-variant-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --row-normal-variant-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color);\n  --row-normal-variant-hover-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-hover-state-separator-light-mode-color: transparent;\n  --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);\n  --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color);\n  --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);\n  --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color);\n  --row-normal-variant-normal-state-background-dark-mode-color: transparent;\n  --row-normal-variant-normal-state-background-light-mode-color: transparent;\n  --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);\n  --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color);\n  --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color);\n  --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);\n  --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n  --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);\n  --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);\n  --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n  --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);\n  --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);\n  --row-normal-variant-pressed-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-pressed-state-separator-light-mode-color: transparent;\n  --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n  --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n  --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);\n  --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n  --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n  --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);\n  --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color);\n  --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n  --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);\n  --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);\n  --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color);\n  --row-normal-variant-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --row-normal-variant-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color);\n  --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n  --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);\n  --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color);\n  --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n  --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);\n  --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color);\n  --row-normal-variant-selected-state-separator-dark-mode-color: transparent;\n  --row-normal-variant-selected-state-separator-light-mode-color: transparent;\n  --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);\n  --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);\n  --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color);\n  --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --row-normal-variant-separator-height: 1px;\n  --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color);\n  --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);\n  --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color);\n  --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color);\n  --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);\n  --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);\n  --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color);\n  --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);\n  --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);\n  --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color);\n  --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);\n  --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);\n  --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color);\n  --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);\n  --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);\n  --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color);\n  --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);\n  --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);\n  --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color);\n  --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);\n  --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);\n  --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color);\n  --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);\n  --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);\n  --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color);\n  --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);\n  --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color);\n  --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color);\n  --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);\n  --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);\n  --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color);\n  --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color);\n  --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color);\n  --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color);\n  --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);\n  --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color);\n  --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color);\n  --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);\n  --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color);\n  --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color);\n  --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);\n  --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color);\n  --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color);\n  --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);\n  --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);\n  --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color);\n  --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);\n  --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);\n  --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color);\n  --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);\n  --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);\n  --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color);\n  --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);\n  --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);\n  --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color);\n  --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color);\n  --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color);\n  --row-separator-height: var(--row-normal-variant-separator-height);\n  --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case);\n  --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family);\n  --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading);\n  --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale);\n  --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size);\n  --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking);\n  --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight);\n  --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case);\n  --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size);\n  --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-subtext-case: var(--core-type-paragraph-10-case);\n  --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-subtext-size: var(--core-type-paragraph-10-size);\n  --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case);\n  --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family);\n  --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading);\n  --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale);\n  --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size);\n  --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking);\n  --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight);\n  --row-small-size-text-case: var(--core-type-semibold-20-case);\n  --row-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --row-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --row-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --row-small-size-text-size: var(--core-type-semibold-20-size);\n  --row-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap);\n  --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing);\n  --row-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap);\n  --row-small-size-vertical-padding: var(--core-metrics-spacing-100);\n  --row-text-accessory-spacing: 8px;\n\n  /* ========== search ========== */\n  --search-border-radius: var(--core-radius-circle);\n  --search-border-size: var(--field-border-size);\n  --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color);\n  --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);\n  --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color);\n  --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color);\n  --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color);\n  --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color);\n  --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color);\n  --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color);\n  --search-focused-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --search-focused-state-border-light-mode-color: var(--core-fill-10-light-mode-color);\n  --search-focused-state-border-size: var(--core-border-20);\n  --search-hint-text-color: var(--search-hint-text-light-mode-color);\n  --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color);\n  --search-input-case: var(--field-input-case);\n  --search-input-font-family: var(--field-input-font-family);\n  --search-input-leading: var(--field-input-leading);\n  --search-input-number-spacing: var(--field-input-number-spacing);\n  --search-input-scale: var(--field-input-scale);\n  --search-input-size: var(--field-input-size);\n  --search-input-tracking: var(--field-input-tracking);\n  --search-input-weight: var(--field-input-weight);\n  --search-large-size-minimum-height: 56px;\n  --search-large-size-padding-horizontal: var(--core-metrics-spacing-250);\n  --search-large-size-padding-vertical: var(--core-metrics-spacing-150);\n  --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal);\n  --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right);\n  --search-normal-size-minimum-height: 40px;\n  --search-normal-size-padding-horizontal: var(--core-metrics-spacing-200);\n  --search-normal-size-padding-vertical: var(--core-metrics-spacing-100);\n  --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150);\n  --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100);\n  --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color);\n  --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);\n  --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color);\n  --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color);\n  --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color);\n  --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color);\n  --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color);\n  --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n\n  /* ========== segmentedControl ========== */\n  --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration);\n  --segmented-control-animation-easing: var(--core-animation-exit-transition-easing);\n  --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color);\n  --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color);\n  --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color);\n  --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color);\n  --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color);\n  --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color);\n  --segmented-control-background-radius: var(--segmented-control-radius);\n  --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color);\n  --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --segmented-control-horizontal-padding: var(--core-metrics-spacing-50);\n  --segmented-control-minimum-height: var(--core-medium-size-minimum-height);\n  --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color);\n  --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color);\n  --segmented-control-option-background-disabled-state-dark-mode-color: transparent;\n  --segmented-control-option-background-disabled-state-light-mode-color: transparent;\n  --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color);\n  --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color);\n  --segmented-control-option-background-normal-state-dark-mode-color: transparent;\n  --segmented-control-option-background-normal-state-light-mode-color: transparent;\n  --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color);\n  --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --segmented-control-option-background-radius: var(--segmented-control-option-radius);\n  --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color);\n  --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);\n  --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);\n  --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);\n  --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);\n  --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);\n  --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);\n  --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);\n  --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity);\n  --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity);\n  --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);\n  --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity);\n  --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100);\n  --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100);\n  --segmented-control-option-label-case: var(--core-type-semibold-30-case);\n  --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color);\n  --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family);\n  --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color);\n  --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n  --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-leading: var(--core-type-semibold-30-leading);\n  --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color);\n  --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --segmented-control-option-label-scale: var(--core-type-semibold-30-scale);\n  --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color);\n  --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n  --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);\n  --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-label-size: var(--core-type-semibold-30-size);\n  --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking);\n  --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);\n  --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-label-weight: var(--core-type-semibold-30-weight);\n  --segmented-control-option-minimum-height: var(--core-small-size-minimum-height);\n  --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding);\n  --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding);\n  --segmented-control-option-radius: var(--core-radius-circle);\n  --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: #232323;\n  --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);\n  --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);\n  --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-badge-opacity: 1;\n  --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);\n  --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color);\n  --segmented-control-option-selected-value-pressed-state-label-light-mode-color: #767676;\n  --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap);\n  --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);\n  --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);\n  --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);\n  --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-constant-gray-85-color);\n  --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-constant-gray-45-color);\n  --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state);\n  --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);\n  --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);\n  --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);\n  --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent;\n  --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);\n  --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color);\n  --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: #767676;\n  --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent;\n  --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100);\n  --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding);\n  --segmented-control-padding-vertical: var(--segmented-control-vertical-padding);\n  --segmented-control-radius: var(--core-radius-circle);\n  --segmented-control-vertical-padding: var(--core-metrics-spacing-50);\n\n  /* ========== select ========== */\n  --select-caret-color: var(--select-caret-light-mode-color);\n  --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color);\n  --select-caret-icon-height: var(--select-disclosure-indicator-icon-height);\n  --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color);\n  --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color);\n  --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --select-disclosure-indicator-icon-height: 8px;\n  --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color);\n\n  /* ========== skeleton-loader ========== */\n  --skeleton-loader-animation-duration: 3.00s;\n  --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0);\n  --skeleton-loader-border-radius: var(--core-radius-10);\n  --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color);\n  --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color);\n  --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color);\n  --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color);\n  --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color);\n  --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0);\n  --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1);\n  --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15);\n  --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0);\n  --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05);\n  --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08);\n  --skeleton-loader-gradient-width-ratio: 0.5;\n\n  /* ========== stepper ========== */\n  --stepper-border-radius: var(--field-border-radius);\n  --stepper-button-border-radius: 4px;\n  --stepper-button-decrement-height: var(--stepper-button-increment-height);\n  --stepper-button-decrement-scale: var(--stepper-button-increment-scale);\n  --stepper-button-decrement-width: var(--stepper-button-increment-width);\n  --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color);\n  --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n  --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n  --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color);\n  --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);\n  --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);\n  --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color);\n  --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n  --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n  --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color);\n  --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);\n  --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);\n  --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color);\n  --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n  --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n  --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color);\n  --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);\n  --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);\n  --stepper-button-increment-height: 16px;\n  --stepper-button-increment-scale: var(--core-type-semibold-20-scale);\n  --stepper-button-increment-width: 16px;\n  --stepper-button-minimum-height: 24px;\n  --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color);\n  --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n  --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n  --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color);\n  --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);\n  --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);\n  --stepper-button-padding-size: 4px;\n  --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color);\n  --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n  --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n  --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color);\n  --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);\n  --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);\n  --stepper-button-width-multiplier: 1;\n  --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color);\n  --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color);\n  --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color);\n  --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color);\n  --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color);\n  --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color);\n  --stepper-disabled-state-border-size: var(--field-border-size);\n  --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color);\n  --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color);\n  --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color);\n  --stepper-focus-state-border-size: var(--field-focus-state-border-size);\n  --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color);\n  --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);\n  --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color);\n  --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color);\n  --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n  --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color);\n  --stepper-horizontal-spacing: 12px;\n  --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color);\n  --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color);\n  --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color);\n  --stepper-hover-state-border-size: var(--field-border-size);\n  --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color);\n  --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);\n  --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color);\n  --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color);\n  --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n  --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color);\n  --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color);\n  --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color);\n  --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color);\n  --stepper-normal-state-border-size: var(--field-border-size);\n  --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color);\n  --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);\n  --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color);\n  --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color);\n  --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color);\n  --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color);\n  --stepper-padding-size: 12px;\n  --stepper-quantity-input-field-minimum-width-multiplier: 1.66;\n  --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case);\n  --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);\n  --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family);\n  --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading);\n  --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);\n  --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --stepper-quantity-input-field-value-text-number-spacing: 'monospaced';\n  --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);\n  --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);\n  --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale);\n  --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size);\n  --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking);\n  --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight);\n\n  /* ========== sticky-section-header ========== */\n  --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color);\n  --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100);\n  --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color);\n  --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color);\n  --sticky-section-header-separator-height: 1px;\n  --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color);\n  --sticky-section-header-text-case: var(--core-type-heading-10-case);\n  --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color);\n  --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family);\n  --sticky-section-header-text-leading: var(--core-type-heading-10-leading);\n  --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color);\n  --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case);\n  --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family);\n  --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading);\n  --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale);\n  --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size);\n  --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking);\n  --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight);\n  --sticky-section-header-text-link-vertical-padding: 0px;\n  --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing);\n  --sticky-section-header-text-scale: var(--core-type-heading-10-scale);\n  --sticky-section-header-text-size: var(--core-type-heading-10-size);\n  --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking);\n  --sticky-section-header-text-weight: var(--core-type-heading-10-weight);\n  --sticky-section-header-vertical-padding: 9px;\n\n  /* ========== subtle-button ========== */\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color);\n  --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100);\n  --subtle-button-minimum-height: 24px;\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-constant-gray-60-color);\n  --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-constant-gray-60-color);\n  --subtle-button-padding-size: 0px;\n  --subtle-button-width-multiplier: 1;\n\n  /* ========== swipe-action ========== */\n  --swipe-action-corner-radius: var(--core-radius-100);\n  --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color);\n  --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color);\n  --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);\n  --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color);\n  --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color);\n  --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color);\n  --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color);\n  --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color);\n\n  /* ========== tabbar ========== */\n  --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color);\n  --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color);\n  --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-accessory-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color);\n  --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-accessory-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color);\n  --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-background-color: var(--tabbar-background-light-mode-color);\n  --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color);\n  --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color);\n  --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing);\n  --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom);\n  --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left);\n  --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right);\n  --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top);\n  --tabbar-divider-color: var(--tabbar-divider-light-mode-color);\n  --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);\n  --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color);\n  --tabbar-divider-size: var(--core-border-10);\n  --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50);\n  --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25);\n  --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50);\n  --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case);\n  --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family);\n  --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading);\n  --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale);\n  --tabbar-item-bottom-label-style-text-size: 10px;\n  --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking);\n  --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight);\n  --tabbar-item-corner-radius: var(--core-radius-200);\n  --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-icon-only-style-icon-text-gap: 0px;\n  --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150);\n  --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case);\n  --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family);\n  --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading);\n  --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale);\n  --tabbar-item-icon-only-style-text-size: 10px;\n  --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking);\n  --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight);\n  --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color);\n  --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color);\n  --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color);\n  --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color);\n  --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);\n  --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color);\n  --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height);\n  --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width);\n  --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case);\n  --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family);\n  --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading);\n  --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale);\n  --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size);\n  --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking);\n  --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight);\n  --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height);\n  --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width);\n  --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap);\n  --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left);\n  --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right);\n  --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);\n  --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case);\n  --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family);\n  --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading);\n  --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing);\n  --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale);\n  --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size);\n  --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking);\n  --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight);\n  --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);\n  --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);\n  --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color);\n  --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150);\n  --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100);\n  --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100);\n  --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing);\n  --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);\n  --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left);\n  --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right);\n  --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);\n\n  /* ========== tableCell ========== */\n  --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color);\n  --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);\n  --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color);\n  --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color);\n  --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color);\n  --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color);\n  --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n  --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color);\n  --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);\n  --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);\n  --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color);\n  --table-cell-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);\n  --table-cell-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color);\n\n  /* ========== tag ========== */\n  --tag-basic-format-bottom-padding: 7px;\n  --tag-basic-format-left-padding: 12px;\n  --tag-basic-format-right-padding: 8px;\n  --tag-basic-format-top-padding: 7px;\n  --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color);\n  --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);\n  --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color);\n  --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color);\n  --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color);\n  --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);\n  --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color);\n  --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color);\n  --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color);\n  --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color);\n  --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color);\n  --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color);\n  --tag-horizontal-spacing: 4px;\n  --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color);\n  --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);\n  --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color);\n  --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color);\n  --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);\n  --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color);\n  --tag-minimum-width-multiplier: 1.5;\n  --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color);\n  --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);\n  --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color);\n  --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color);\n  --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);\n  --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color);\n  --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color);\n  --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);\n  --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);\n  --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);\n  --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);\n  --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color);\n  --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color);\n  --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);\n  --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);\n  --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);\n  --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);\n  --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color);\n  --tag-remove-indicator-height: 16px;\n  --tag-remove-indicator-icon-height: 16px;\n  --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale);\n  --tag-remove-indicator-icon-width: 16px;\n  --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale);\n  --tag-remove-indicator-width: 16px;\n  --tag-text-case: var(--core-type-paragraph-10-case);\n  --tag-text-font-family: var(--core-type-paragraph-10-font-family);\n  --tag-text-leading: var(--core-type-paragraph-10-leading);\n  --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing);\n  --tag-text-scale: var(--core-type-paragraph-10-scale);\n  --tag-text-size: var(--core-type-paragraph-10-size);\n  --tag-text-tracking: var(--core-type-paragraph-10-tracking);\n  --tag-text-weight: var(--core-type-paragraph-10-weight);\n  --tag-with-icon-format-bottom-padding: 8px;\n  --tag-with-icon-format-left-padding: 8px;\n  --tag-with-icon-format-right-padding: 8px;\n  --tag-with-icon-format-top-padding: 8px;\n\n  /* ========== text-link-group ========== */\n  --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150);\n  --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color);\n  --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --text-link-group-separator-height: 8px;\n  --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color);\n  --text-link-group-separator-opacity: 0.3;\n  --text-link-group-separator-width: 1px;\n  --text-link-group-vertical-spacing: var(--core-metrics-spacing-200);\n\n  /* ========== text-link ========== */\n  --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color);\n  --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);\n  --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color);\n  --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color);\n  --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color);\n  --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color);\n  --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color);\n  --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color);\n  --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color);\n  --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);\n  --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color);\n  --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color);\n  --text-link-disabled-state-opacity: 0.3;\n  --text-link-hover-state-opacity: 0.6;\n  --text-link-inline-style-disabled-state-underline-size: 1px;\n  --text-link-inline-style-hover-state-underline-size: 1px;\n  --text-link-inline-style-normal-state-underline-size: 1px;\n  --text-link-inline-style-pressed-state-underline-size: 1px;\n  --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);\n  --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-30-light-mode-color);\n  --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-30-dark-mode-color);\n  --text-link-inverted-variant-disabled-state-opacity: 0.3;\n  --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color);\n  --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-constant-gray-45-color);\n  --text-link-inverted-variant-hover-state-light-mode-color: var(--core-constant-gray-85-color);\n  --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color);\n  --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-emphasis-text-light-mode-color);\n  --text-link-inverted-variant-normal-state-light-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);\n  --text-link-inverted-variant-pressed-state-dark-mode-color: 767676;\n  --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-constant-gray-60-color);\n  --text-link-medium-size-text-case: var(--core-type-semibold-30-case);\n  --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family);\n  --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading);\n  --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale);\n  --text-link-medium-size-text-size: var(--core-type-semibold-30-size);\n  --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking);\n  --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight);\n  --text-link-medium-size-vertical-padding: 0px;\n  --text-link-normal-state-opacity: 1;\n  --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color);\n  --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --text-link-normal-variant-hover-state-dark-mode-color: var(--core-constant-gray-85-color);\n  --text-link-normal-variant-hover-state-light-mode-color: var(--core-constant-gray-45-color);\n  --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-constant-gray-60-color);\n  --text-link-normal-variant-pressed-state-light-mode-color: #767676;\n  --text-link-pressed-state-opacity: 0.6;\n  --text-link-small-size-text-case: var(--core-type-semibold-20-case);\n  --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family);\n  --text-link-small-size-text-leading: var(--core-type-semibold-20-leading);\n  --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --text-link-small-size-text-scale: var(--core-type-semibold-20-scale);\n  --text-link-small-size-text-size: var(--core-type-semibold-20-size);\n  --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking);\n  --text-link-small-size-text-weight: var(--core-type-semibold-20-weight);\n  --text-link-small-size-vertical-padding: 0px;\n  --text-link-standalone-style-disabled-state-underline-size: 1px;\n  --text-link-standalone-style-hover-state-underline-size: 1px;\n  --text-link-standalone-style-normal-state-underline-size: 1px;\n  --text-link-standalone-style-pressed-state-underline-size: 1px;\n\n  /* ========== textarea ========== */\n  --textarea-font-case: var(--core-type-paragraph-30-case);\n  --textarea-font-font-family: var(--core-type-paragraph-30-font-family);\n  --textarea-font-leading: var(--core-type-paragraph-30-leading);\n  --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --textarea-font-scale: var(--core-type-paragraph-30-scale);\n  --textarea-font-size: var(--core-type-paragraph-30-size);\n  --textarea-font-tracking: var(--core-type-paragraph-30-tracking);\n  --textarea-font-weight: var(--core-type-paragraph-30-weight);\n  --textarea-height: 112px;\n  --textarea-maximum-height: 320px;\n  --textarea-min-height: var(--textarea-minimum-height);\n  --textarea-minimum-height: var(--textarea-height);\n  --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color);\n  --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color);\n  --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color);\n  --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color);\n  --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color);\n  --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color);\n  --textarea-selection-highlight-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --textarea-selection-highlight-light-mode-color: var(--core-fill-30-light-mode-color);\n  --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color);\n  --textarea-selection-text-cursor-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --textarea-selection-text-cursor-light-mode-color: var(--core-text-10-light-mode-color);\n\n  /* ========== toast ========== */\n  --toast-accent-color: var(--toast-accent-light-mode-color);\n  --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color);\n  --toast-background-color: var(--toast-background-light-mode-color);\n  --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --toast-button-gap: var(--core-metrics-spacing-150);\n  --toast-button-spacing: var(--toast-button-gap);\n  --toast-button-text-case: var(--core-type-semibold-30-case);\n  --toast-button-text-font-family: var(--core-type-semibold-30-font-family);\n  --toast-button-text-leading: var(--core-type-semibold-30-leading);\n  --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --toast-button-text-scale: var(--core-type-semibold-30-scale);\n  --toast-button-text-size: var(--core-type-semibold-30-size);\n  --toast-button-text-tracking: var(--core-type-semibold-30-tracking);\n  --toast-button-text-weight: var(--core-type-semibold-30-weight);\n  --toast-content-gap: var(--core-metrics-spacing-150);\n  --toast-content-spacing: var(--toast-content-gap);\n  --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color);\n  --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color);\n  --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color);\n  --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);\n  --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);\n  --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color);\n  --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);\n  --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color);\n  --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color);\n  --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color);\n  --toast-critical-variant-icon-dark-mode-color: var(--core-fill-white-dark-mode-color);\n  --toast-critical-variant-icon-light-mode-color: var(--core-fill-white-light-mode-color);\n  --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-link-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --toast-critical-variant-link-light-mode-color: var(--core-text-white-light-mode-color);\n  --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color);\n  --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);\n  --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);\n  --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color);\n  --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);\n  --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color);\n  --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color);\n  --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color);\n  --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color);\n  --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --toast-dismissal-delay-long-duration: 10.00s;\n  --toast-dismissal-delay-medium-duration: 5.00s;\n  --toast-dismissal-delay-short-duration: 2.00s;\n  --toast-horizontal-padding: var(--core-metrics-spacing-200);\n  --toast-horizontal-padding-size: var(--toast-horizontal-padding);\n  --toast-icon-color: var(--toast-icon-light-mode-color);\n  --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color);\n  --toast-icon-gap: var(--core-metrics-spacing-150);\n  --toast-icon-light-mode-color: var(--toast-accent-light-mode-color);\n  --toast-icon-spacing: var(--toast-icon-gap);\n  --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color);\n  --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);\n  --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color);\n  --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color);\n  --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-info-variant-button-text-case: var(--toast-info-variant-link-case);\n  --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color);\n  --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);\n  --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family);\n  --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading);\n  --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap);\n  --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);\n  --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing);\n  --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale);\n  --toast-info-variant-button-text-size: var(--toast-info-variant-link-size);\n  --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking);\n  --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight);\n  --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color);\n  --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color);\n  --toast-info-variant-icon-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --toast-info-variant-icon-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --toast-info-variant-link-case: var(--toast-info-variant-text-case);\n  --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color);\n  --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family);\n  --toast-info-variant-link-leading: var(--toast-info-variant-text-leading);\n  --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color);\n  --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap);\n  --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing);\n  --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing);\n  --toast-info-variant-link-scale: var(--toast-info-variant-text-scale);\n  --toast-info-variant-link-size: var(--toast-info-variant-text-size);\n  --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking);\n  --toast-info-variant-link-weight: var(--toast-info-variant-text-weight);\n  --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color);\n  --toast-info-variant-progress-bar-dark-mode-color: var(--core-fill-40-dark-mode-color);\n  --toast-info-variant-progress-bar-light-mode-color: var(--core-fill-40-light-mode-color);\n  --toast-info-variant-separator-case: var(--toast-info-variant-link-case);\n  --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color);\n  --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);\n  --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family);\n  --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading);\n  --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color);\n  --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap);\n  --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);\n  --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing);\n  --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale);\n  --toast-info-variant-separator-size: var(--toast-info-variant-link-size);\n  --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking);\n  --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight);\n  --toast-info-variant-text-case: var(--toast-text-case);\n  --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color);\n  --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-info-variant-text-font-family: var(--toast-text-font-family);\n  --toast-info-variant-text-leading: var(--toast-text-leading);\n  --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-info-variant-text-scale: var(--toast-text-scale);\n  --toast-info-variant-text-size: var(--toast-text-size);\n  --toast-info-variant-text-tracking: var(--toast-text-tracking);\n  --toast-info-variant-text-weight: var(--toast-text-weight);\n  --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color);\n  --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color);\n  --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color);\n  --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);\n  --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);\n  --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color);\n  --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);\n  --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color);\n  --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color);\n  --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color);\n  --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);\n  --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color);\n  --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color);\n  --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color);\n  --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);\n  --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);\n  --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color);\n  --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);\n  --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color);\n  --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color);\n  --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);\n  --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color);\n  --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color);\n  --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color);\n  --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);\n  --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);\n  --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color);\n  --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);\n  --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color);\n  --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color);\n  --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color);\n  --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);\n  --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color);\n  --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color);\n  --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);\n  --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);\n  --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);\n  --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity);\n  --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size);\n  --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size);\n  --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size);\n  --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size);\n  --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color);\n  --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);\n  --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);\n  --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity);\n  --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color);\n  --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);\n  --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color);\n  --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color);\n  --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);\n  --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color);\n  --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color);\n  --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);\n  --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);\n  --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case);\n  --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family);\n  --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading);\n  --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing);\n  --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale);\n  --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size);\n  --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking);\n  --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight);\n  --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding);\n  --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity);\n  --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color);\n  --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color);\n  --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color);\n  --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n  --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);\n  --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color);\n  --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n  --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);\n  --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color);\n  --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color);\n  --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n  --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);\n  --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color);\n  --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n  --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);\n  --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);\n  --toast-link-small-size-text-case: var(--text-link-small-size-text-case);\n  --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family);\n  --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading);\n  --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing);\n  --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale);\n  --toast-link-small-size-text-size: var(--text-link-small-size-text-size);\n  --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking);\n  --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight);\n  --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding);\n  --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size);\n  --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size);\n  --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size);\n  --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size);\n  --toast-maximum-width: 600px;\n  --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color);\n  --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color);\n  --toast-progress-bar-height: var(--core-metrics-spacing-50);\n  --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color);\n  --toast-radius: var(--core-radius-200);\n  --toast-separator-height: var(--core-metrics-spacing-100);\n  --toast-separator-opacity: 0.3;\n  --toast-separator-width: 1px;\n  --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color);\n  --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color);\n  --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color);\n  --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-success-variant-button-text-case: var(--toast-success-variant-link-case);\n  --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color);\n  --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);\n  --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family);\n  --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading);\n  --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap);\n  --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);\n  --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing);\n  --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale);\n  --toast-success-variant-button-text-size: var(--toast-success-variant-link-size);\n  --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking);\n  --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight);\n  --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color);\n  --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color);\n  --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);\n  --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-link-case: var(--toast-success-variant-text-case);\n  --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color);\n  --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family);\n  --toast-success-variant-link-leading: var(--toast-success-variant-text-leading);\n  --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color);\n  --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap);\n  --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing);\n  --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing);\n  --toast-success-variant-link-scale: var(--toast-success-variant-text-scale);\n  --toast-success-variant-link-size: var(--toast-success-variant-text-size);\n  --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking);\n  --toast-success-variant-link-weight: var(--toast-success-variant-text-weight);\n  --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color);\n  --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);\n  --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color);\n  --toast-success-variant-separator-case: var(--toast-success-variant-link-case);\n  --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color);\n  --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);\n  --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family);\n  --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading);\n  --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color);\n  --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap);\n  --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);\n  --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing);\n  --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale);\n  --toast-success-variant-separator-size: var(--toast-success-variant-link-size);\n  --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking);\n  --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight);\n  --toast-success-variant-text-case: var(--toast-text-case);\n  --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color);\n  --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-success-variant-text-font-family: var(--toast-text-font-family);\n  --toast-success-variant-text-leading: var(--toast-text-leading);\n  --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-success-variant-text-scale: var(--toast-text-scale);\n  --toast-success-variant-text-size: var(--toast-text-size);\n  --toast-success-variant-text-tracking: var(--toast-text-tracking);\n  --toast-success-variant-text-weight: var(--toast-text-weight);\n  --toast-text-case: var(--core-type-paragraph-30-case);\n  --toast-text-color: var(--toast-text-light-mode-color);\n  --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --toast-text-font-family: var(--core-type-paragraph-30-font-family);\n  --toast-text-leading: var(--core-type-paragraph-30-leading);\n  --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --toast-text-multiline-gap: var(--core-metrics-spacing-150);\n  --toast-text-multiline-spacing: var(--toast-text-multiline-gap);\n  --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing);\n  --toast-text-scale: var(--core-type-paragraph-30-scale);\n  --toast-text-size: var(--core-type-paragraph-30-size);\n  --toast-text-tracking: var(--core-type-paragraph-30-tracking);\n  --toast-text-weight: var(--core-type-paragraph-30-weight);\n  --toast-vertical-padding: var(--core-metrics-spacing-200);\n  --toast-vertical-padding-size: var(--toast-vertical-padding);\n  --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color);\n  --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color);\n  --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color);\n  --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);\n  --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color);\n  --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case);\n  --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color);\n  --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);\n  --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family);\n  --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading);\n  --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap);\n  --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);\n  --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing);\n  --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale);\n  --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size);\n  --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking);\n  --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight);\n  --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color);\n  --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);\n  --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);\n  --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color);\n  --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);\n  --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-link-case: var(--toast-warning-variant-text-case);\n  --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color);\n  --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family);\n  --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading);\n  --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color);\n  --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap);\n  --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing);\n  --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing);\n  --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale);\n  --toast-warning-variant-link-size: var(--toast-warning-variant-text-size);\n  --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking);\n  --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight);\n  --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color);\n  --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);\n  --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);\n  --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case);\n  --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color);\n  --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);\n  --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family);\n  --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading);\n  --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color);\n  --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap);\n  --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);\n  --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing);\n  --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale);\n  --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size);\n  --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking);\n  --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight);\n  --toast-warning-variant-text-case: var(--toast-text-case);\n  --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color);\n  --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);\n  --toast-warning-variant-text-font-family: var(--toast-text-font-family);\n  --toast-warning-variant-text-leading: var(--toast-text-leading);\n  --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color);\n  --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap);\n  --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);\n  --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing);\n  --toast-warning-variant-text-scale: var(--toast-text-scale);\n  --toast-warning-variant-text-size: var(--toast-text-size);\n  --toast-warning-variant-text-tracking: var(--toast-text-tracking);\n  --toast-warning-variant-text-weight: var(--toast-text-weight);\n\n  /* ========== toggle ========== */\n  --toggle-border-radius: var(--core-radius-circle);\n  --toggle-border-size: var(--core-border-20);\n  --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color);\n  --toggle-disabled-state-selected-value-dark-mode-border-color: var(--core-constant-gray-50-color);\n  --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);\n  --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color);\n  --toggle-disabled-state-selected-value-light-mode-border-color: var(--core-constant-gray-65-color);\n  --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);\n  --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color);\n  --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color);\n  --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color);\n  --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color);\n  --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-constant-gray-45-color);\n  --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color);\n  --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);\n  --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-constant-gray-85-color);\n  --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color);\n  --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);\n  --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);\n  --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color);\n  --toggle-focus-ring-border-size: var(--core-focus-ring-border-size);\n  --toggle-focus-ring-buffer-size: 0px;\n  --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color);\n  --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);\n  --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);\n  --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color);\n  --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);\n  --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);\n  --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);\n  --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);\n  --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);\n  --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);\n  --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color);\n  --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color);\n  --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color);\n  --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);\n  --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);\n  --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);\n  --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);\n  --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);\n  --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);\n  --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color);\n  --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color);\n  --toggle-height: 24px;\n  --toggle-horizontal-padding: var(--core-metrics-spacing-50);\n  --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);\n  --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color);\n  --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);\n  --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color);\n  --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color);\n  --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);\n  --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color);\n  --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);\n  --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);\n  --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);\n  --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-hover-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);\n  --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-hover-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);\n  --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);\n  --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);\n  --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color);\n  --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);\n  --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);\n  --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color);\n  --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color);\n  --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color);\n  --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);\n  --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color);\n  --toggle-normal-state-unselected-value-dark-mode-track-color: transparent;\n  --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);\n  --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color);\n  --toggle-normal-state-unselected-value-light-mode-track-color: transparent;\n  --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color);\n  --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color);\n  --toggle-padding-horizontal: 5px;\n  --toggle-padding-vertical: 5px;\n  --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color);\n  --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);\n  --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);\n  --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color);\n  --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color);\n  --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color);\n  --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color);\n  --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color);\n  --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent;\n  --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color);\n  --toggle-pressed-state-unselected-value-light-mode-track-color: transparent;\n  --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);\n  --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color);\n  --toggle-vertical-padding: var(--core-metrics-spacing-50);\n  --toggle-width: 40px;\n\n  /* ========== tooltip ========== */\n  --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration);\n  --tooltip-background-color: var(--tooltip-background-light-mode-color);\n  --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color);\n  --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color);\n  --tooltip-link-case: var(--tooltip-popover-link-case);\n  --tooltip-link-color: var(--tooltip-link-light-mode-color);\n  --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color);\n  --tooltip-link-font-family: var(--tooltip-popover-link-font-family);\n  --tooltip-link-leading: var(--tooltip-popover-link-leading);\n  --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color);\n  --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing);\n  --tooltip-link-scale: var(--tooltip-popover-link-scale);\n  --tooltip-link-size: var(--tooltip-popover-link-size);\n  --tooltip-link-tracking: var(--tooltip-popover-link-tracking);\n  --tooltip-link-weight: var(--tooltip-popover-link-weight);\n  --tooltip-maximum-width: var(--tooltip-popover-maximum-width);\n  --tooltip-minimum-height: var(--tooltip-trigger-minimum-height);\n  --tooltip-minimum-width: var(--tooltip-trigger-minimum-width);\n  --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding);\n  --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding);\n  --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color);\n  --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);\n  --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color);\n  --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150);\n  --tooltip-popover-link-case: var(--core-type-semibold-20-case);\n  --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color);\n  --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family);\n  --tooltip-popover-link-leading: var(--core-type-semibold-20-leading);\n  --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing);\n  --tooltip-popover-link-scale: var(--core-type-semibold-20-scale);\n  --tooltip-popover-link-size: var(--core-type-semibold-20-size);\n  --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking);\n  --tooltip-popover-link-weight: var(--core-type-semibold-20-weight);\n  --tooltip-popover-maximum-width: 400px;\n  --tooltip-popover-radius: var(--core-radius-200);\n  --tooltip-popover-text-case: var(--core-type-paragraph-20-case);\n  --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color);\n  --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family);\n  --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading);\n  --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing);\n  --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale);\n  --tooltip-popover-text-size: var(--core-type-paragraph-20-size);\n  --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking);\n  --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight);\n  --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100);\n  --tooltip-radius: var(--tooltip-popover-radius);\n  --tooltip-text-case: var(--tooltip-popover-text-case);\n  --tooltip-text-color: var(--tooltip-text-light-mode-color);\n  --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color);\n  --tooltip-text-font-family: var(--tooltip-popover-text-font-family);\n  --tooltip-text-leading: var(--tooltip-popover-text-leading);\n  --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color);\n  --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing);\n  --tooltip-text-scale: var(--tooltip-popover-text-scale);\n  --tooltip-text-size: var(--tooltip-popover-text-size);\n  --tooltip-text-tracking: var(--tooltip-popover-text-tracking);\n  --tooltip-text-weight: var(--tooltip-popover-text-weight);\n  --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration);\n  --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color);\n  --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color);\n  --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);\n  --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);\n  --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color);\n  --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color);\n  --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color);\n  --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width);\n  --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500);\n  --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color);\n  --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color);\n  --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color);\n  --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color);\n  --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);\n  --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);\n  --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color);\n  --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);\n  --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);\n  --tooltip-trigger-text-underline-size: 1px;\n\n  /* ========== tracker ========== */\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px;\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px;\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px;\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);\n  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);\n\n}\n\n\n/*\n * Monochrome: dark mode tokens scoped to [data-market-features*=\"dark-mode\"][data-market-theme=\"monochrome\"]\n */\n\n/* This file is automatically generated. Do not edit. */\n\n@media (prefers-color-scheme: dark) {\n  [data-market-theme=\"monochrome\"][data-market-features*=\"dark-mode\"] {\n    /* ======================================================================\n     * CORE\n     * ====================================================================== */\n\n    /* ========== core ========== */\n    --core-blue-10-color: var(--core-blue-10-dark-mode-color);\n    --core-blue-20-color: var(--core-blue-20-dark-mode-color);\n    --core-blue-30-color: var(--core-blue-30-dark-mode-color);\n    --core-blue-40-color: var(--core-blue-40-dark-mode-color);\n    --core-blue-fill-color: var(--core-blue-fill-dark-mode-color);\n    --core-blue-text-color: var(--core-blue-text-dark-mode-color);\n    --core-brown-10-color: var(--core-brown-10-dark-mode-color);\n    --core-brown-20-color: var(--core-brown-20-dark-mode-color);\n    --core-brown-30-color: var(--core-brown-30-dark-mode-color);\n    --core-brown-40-color: var(--core-brown-40-dark-mode-color);\n    --core-brown-fill-color: var(--core-brown-fill-dark-mode-color);\n    --core-brown-text-color: var(--core-brown-text-dark-mode-color);\n    --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color);\n    --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color);\n    --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color);\n    --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color);\n    --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color);\n    --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color);\n    --core-critical-10-color: var(--core-critical-10-dark-mode-color);\n    --core-critical-20-color: var(--core-critical-20-dark-mode-color);\n    --core-critical-30-color: var(--core-critical-30-dark-mode-color);\n    --core-critical-40-color: var(--core-critical-40-dark-mode-color);\n    --core-critical-fill-color: var(--core-critical-fill-dark-mode-color);\n    --core-critical-text-color: var(--core-critical-text-dark-mode-color);\n    --core-divider-10-color: var(--core-divider-10-dark-mode-color);\n    --core-divider-20-color: var(--core-divider-20-dark-mode-color);\n    --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color);\n    --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color);\n    --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color);\n    --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color);\n    --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color);\n    --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color);\n    --core-fill-10-color: var(--core-fill-10-dark-mode-color);\n    --core-fill-20-color: var(--core-fill-20-dark-mode-color);\n    --core-fill-30-color: var(--core-fill-30-dark-mode-color);\n    --core-fill-40-color: var(--core-fill-40-dark-mode-color);\n    --core-fill-50-color: var(--core-fill-50-dark-mode-color);\n    --core-fill-black-color: var(--core-fill-black-dark-mode-color);\n    --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color);\n    --core-fill-white-color: var(--core-fill-white-dark-mode-color);\n    --core-focus-color: var(--core-focus-dark-mode-color);\n    --core-focus-ring-color: var(--core-focus-ring-dark-mode-color);\n    --core-forest-10-color: var(--core-forest-10-dark-mode-color);\n    --core-forest-20-color: var(--core-forest-20-dark-mode-color);\n    --core-forest-30-color: var(--core-forest-30-dark-mode-color);\n    --core-forest-40-color: var(--core-forest-40-dark-mode-color);\n    --core-forest-fill-color: var(--core-forest-fill-dark-mode-color);\n    --core-forest-text-color: var(--core-forest-text-dark-mode-color);\n    --core-gold-10-color: var(--core-gold-10-dark-mode-color);\n    --core-gold-20-color: var(--core-gold-20-dark-mode-color);\n    --core-gold-30-color: var(--core-gold-30-dark-mode-color);\n    --core-gold-40-color: var(--core-gold-40-dark-mode-color);\n    --core-gold-fill-color: var(--core-gold-fill-dark-mode-color);\n    --core-gold-text-color: var(--core-gold-text-dark-mode-color);\n    --core-green-10-color: var(--core-green-10-dark-mode-color);\n    --core-green-20-color: var(--core-green-20-dark-mode-color);\n    --core-green-30-color: var(--core-green-30-dark-mode-color);\n    --core-green-40-color: var(--core-green-40-dark-mode-color);\n    --core-green-fill-color: var(--core-green-fill-dark-mode-color);\n    --core-green-text-color: var(--core-green-text-dark-mode-color);\n    --core-orange-10-color: var(--core-orange-10-dark-mode-color);\n    --core-orange-20-color: var(--core-orange-20-dark-mode-color);\n    --core-orange-30-color: var(--core-orange-30-dark-mode-color);\n    --core-orange-40-color: var(--core-orange-40-dark-mode-color);\n    --core-orange-fill-color: var(--core-orange-fill-dark-mode-color);\n    --core-orange-text-color: var(--core-orange-text-dark-mode-color);\n    --core-pink-10-color: var(--core-pink-10-dark-mode-color);\n    --core-pink-20-color: var(--core-pink-20-dark-mode-color);\n    --core-pink-30-color: var(--core-pink-30-dark-mode-color);\n    --core-pink-40-color: var(--core-pink-40-dark-mode-color);\n    --core-pink-fill-color: var(--core-pink-fill-dark-mode-color);\n    --core-pink-text-color: var(--core-pink-text-dark-mode-color);\n    --core-purple-10-color: var(--core-purple-10-dark-mode-color);\n    --core-purple-20-color: var(--core-purple-20-dark-mode-color);\n    --core-purple-30-color: var(--core-purple-30-dark-mode-color);\n    --core-purple-40-color: var(--core-purple-40-dark-mode-color);\n    --core-purple-fill-color: var(--core-purple-fill-dark-mode-color);\n    --core-purple-text-color: var(--core-purple-text-dark-mode-color);\n    --core-red-10-color: var(--core-red-10-dark-mode-color);\n    --core-red-20-color: var(--core-red-20-dark-mode-color);\n    --core-red-30-color: var(--core-red-30-dark-mode-color);\n    --core-red-40-color: var(--core-red-40-dark-mode-color);\n    --core-red-fill-color: var(--core-red-fill-dark-mode-color);\n    --core-red-text-color: var(--core-red-text-dark-mode-color);\n    --core-sky-10-color: var(--core-sky-10-dark-mode-color);\n    --core-sky-20-color: var(--core-sky-20-dark-mode-color);\n    --core-sky-30-color: var(--core-sky-30-dark-mode-color);\n    --core-sky-40-color: var(--core-sky-40-dark-mode-color);\n    --core-sky-fill-color: var(--core-sky-fill-dark-mode-color);\n    --core-sky-text-color: var(--core-sky-text-dark-mode-color);\n    --core-success-10-color: var(--core-success-10-dark-mode-color);\n    --core-success-20-color: var(--core-success-20-dark-mode-color);\n    --core-success-30-color: var(--core-success-30-dark-mode-color);\n    --core-success-40-color: var(--core-success-40-dark-mode-color);\n    --core-success-fill-color: var(--core-success-fill-dark-mode-color);\n    --core-success-text-color: var(--core-success-text-dark-mode-color);\n    --core-surface-10-color: var(--core-surface-10-dark-mode-color);\n    --core-surface-20-color: var(--core-surface-20-dark-mode-color);\n    --core-surface-30-color: var(--core-surface-30-dark-mode-color);\n    --core-surface-5-color: var(--core-surface-5-dark-mode-color);\n    --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color);\n    --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color);\n    --core-taupe-10-color: var(--core-taupe-10-dark-mode-color);\n    --core-taupe-20-color: var(--core-taupe-20-dark-mode-color);\n    --core-taupe-30-color: var(--core-taupe-30-dark-mode-color);\n    --core-taupe-40-color: var(--core-taupe-40-dark-mode-color);\n    --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color);\n    --core-taupe-text-color: var(--core-taupe-text-dark-mode-color);\n    --core-teal-10-color: var(--core-teal-10-dark-mode-color);\n    --core-teal-20-color: var(--core-teal-20-dark-mode-color);\n    --core-teal-30-color: var(--core-teal-30-dark-mode-color);\n    --core-teal-40-color: var(--core-teal-40-dark-mode-color);\n    --core-teal-fill-color: var(--core-teal-fill-dark-mode-color);\n    --core-teal-text-color: var(--core-teal-text-dark-mode-color);\n    --core-text-10-color: var(--core-text-10-dark-mode-color);\n    --core-text-20-color: var(--core-text-20-dark-mode-color);\n    --core-text-30-color: var(--core-text-30-dark-mode-color);\n    --core-text-black-color: var(--core-text-black-dark-mode-color);\n    --core-text-inverse-color: var(--core-text-inverse-dark-mode-color);\n    --core-text-white-color: var(--core-text-white-dark-mode-color);\n    --core-transparent-color: var(--core-transparent-dark-mode-color);\n    --core-warning-10-color: var(--core-warning-10-dark-mode-color);\n    --core-warning-20-color: var(--core-warning-20-dark-mode-color);\n    --core-warning-30-color: var(--core-warning-30-dark-mode-color);\n    --core-warning-40-color: var(--core-warning-40-dark-mode-color);\n    --core-warning-fill-color: var(--core-warning-fill-dark-mode-color);\n    --core-warning-text-color: var(--core-warning-text-dark-mode-color);\n    --core-yellow-10-color: var(--core-yellow-10-dark-mode-color);\n    --core-yellow-20-color: var(--core-yellow-20-dark-mode-color);\n    --core-yellow-30-color: var(--core-yellow-30-dark-mode-color);\n    --core-yellow-40-color: var(--core-yellow-40-dark-mode-color);\n    --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color);\n    --core-yellow-text-color: var(--core-yellow-text-dark-mode-color);\n\n    /* ======================================================================\n     * COMPONENT\n     * ====================================================================== */\n\n    /* ========== accessory ========== */\n    --accessory-background-color: var(--accessory-background-dark-mode-color);\n    --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color);\n    --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color);\n    --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color);\n    --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color);\n    --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color);\n    --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color);\n    --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color);\n    --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color);\n\n    /* ========== accordion ========== */\n    --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color);\n    --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color);\n    --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color);\n    --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color);\n    --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color);\n    --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color);\n    --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color);\n    --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color);\n    --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color);\n    --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color);\n    --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color);\n    --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color);\n    --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color);\n    --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color);\n    --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color);\n    --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color);\n\n    /* ========== actionCard ========== */\n    --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color);\n    --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color);\n    --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color);\n    --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color);\n    --action-card-background-color: var(--action-card-background-dark-mode-color);\n    --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color);\n    --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color);\n    --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color);\n    --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color);\n    --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color);\n    --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color);\n    --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);\n    --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color);\n    --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color);\n    --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color);\n    --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color);\n    --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);\n    --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color);\n    --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);\n    --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color);\n    --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color);\n\n    /* ========== badge ========== */\n    --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color);\n    --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color);\n    --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color);\n    --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color);\n    --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color);\n    --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color);\n    --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color);\n    --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color);\n\n    /* ========== banner ========== */\n    --banner-button-separator-color: var(--banner-button-separator-dark-mode-color);\n    --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color);\n    --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color);\n    --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color);\n    --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color);\n    --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color);\n    --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color);\n    --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color);\n    --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color);\n    --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color);\n    --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color);\n    --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color);\n    --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color);\n    --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color);\n    --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color);\n    --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color);\n    --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color);\n    --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color);\n    --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color);\n    --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color);\n    --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color);\n    --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color);\n    --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color);\n    --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color);\n    --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color);\n    --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color);\n    --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color);\n    --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color);\n    --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color);\n    --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color);\n    --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color);\n    --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color);\n    --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color);\n    --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color);\n    --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color);\n    --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color);\n    --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color);\n    --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color);\n    --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color);\n    --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color);\n    --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color);\n    --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color);\n    --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color);\n    --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color);\n    --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color);\n\n    /* ========== button-group ========== */\n    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n\n    /* ========== button ========== */\n    --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n    --button-focus-ring-color: var(--button-dark-mode-focus-ring-color);\n    --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n\n    /* ========== calculator ========== */\n    --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color);\n    --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);\n    --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color);\n    --calculator-display-border-color: var(--calculator-display-border-dark-mode-color);\n    --calculator-display-text-color: var(--calculator-display-text-dark-mode-color);\n\n    /* ========== checkbox ========== */\n    --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color);\n    --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color);\n    --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color);\n    --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color);\n    --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color);\n\n    /* ========== choice-button ========== */\n    --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color);\n    --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color);\n    --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color);\n    --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color);\n    --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color);\n    --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color);\n    --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color);\n    --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color);\n    --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color);\n    --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color);\n    --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color);\n    --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color);\n    --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color);\n    --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color);\n    --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color);\n    --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color);\n    --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color);\n\n    /* ========== choice-icon-button ========== */\n    --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color);\n    --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color);\n    --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color);\n    --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color);\n    --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color);\n    --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color);\n\n    /* ========== coachmark ========== */\n    --coachmark-background-color: var(--coachmark-background-dark-mode-color);\n    --coachmark-heading-color: var(--coachmark-heading-dark-mode-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color);\n    --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color);\n    --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color);\n    --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color);\n    --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color);\n    --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color);\n    --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color);\n    --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color);\n    --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color);\n    --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color);\n    --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color);\n    --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color);\n    --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color);\n    --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color);\n    --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color);\n    --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color);\n    --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color);\n    --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color);\n    --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color);\n    --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color);\n    --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color);\n    --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color);\n    --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color);\n    --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color);\n    --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color);\n    --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color);\n    --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color);\n    --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color);\n\n    /* ========== colorPicker ========== */\n    --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color);\n    --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color);\n    --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color);\n    --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color);\n    --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color);\n\n    /* ========== contentCard ========== */\n    --content-card-background-color: var(--content-card-background-dark-mode-color);\n    --content-card-border-color: var(--content-card-border-dark-mode-color);\n    --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color);\n    --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color);\n    --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color);\n    --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color);\n    --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);\n    --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);\n    --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color);\n    --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color);\n\n    /* ========== content-expander ========== */\n    --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);\n    --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);\n    --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);\n    --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);\n    --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color);\n    --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color);\n    --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color);\n    --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color);\n    --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color);\n    --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color);\n    --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color);\n    --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color);\n\n    /* ========== datePicker ========== */\n    --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color);\n    --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color);\n    --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color);\n    --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color);\n    --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color);\n    --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color);\n    --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color);\n    --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color);\n    --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color);\n    --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color);\n    --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color);\n    --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color);\n    --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color);\n    --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color);\n    --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color);\n\n    /* ========== divider ========== */\n    --divider-fill-color: var(--divider-fill-dark-mode-color);\n\n    /* ========== dropdown-button ========== */\n    --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);\n    --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);\n\n    /* ========== dropdown-icon-button ========== */\n    --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color);\n    --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color);\n    --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color);\n    --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color);\n    --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color);\n    --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color);\n    --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color);\n    --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color);\n    --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color);\n    --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color);\n\n    /* ========== empty-state ========== */\n    --empty-state-background-color: var(--empty-state-background-dark-mode-color);\n    --empty-state-border-color: var(--empty-state-border-dark-mode-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --empty-state-heading-color: var(--empty-state-heading-dark-mode-color);\n    --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color);\n    --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color);\n\n    /* ========== field ========== */\n    --field-action-text-color: var(--field-dark-mode-action-text-color);\n    --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color);\n    --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color);\n    --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);\n    --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color);\n    --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color);\n    --field-error-message-text-color: var(--field-dark-mode-error-message-text-color);\n    --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color);\n    --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color);\n    --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color);\n    --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);\n    --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);\n    --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color);\n    --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color);\n    --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color);\n    --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color);\n    --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color);\n    --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);\n    --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);\n    --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color);\n    --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);\n    --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);\n    --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color);\n    --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);\n    --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color);\n    --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color);\n    --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color);\n    --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color);\n    --field-selection-caret-color: var(--field-dark-mode-selection-caret-color);\n    --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color);\n    --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color);\n\n    /* ========== file-upload ========== */\n    --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color);\n    --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color);\n    --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color);\n    --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color);\n    --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color);\n    --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color);\n    --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color);\n    --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color);\n    --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color);\n    --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color);\n    --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color);\n    --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color);\n    --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);\n    --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);\n    --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);\n    --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color);\n    --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color);\n    --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color);\n    --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color);\n    --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color);\n    --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color);\n    --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color);\n    --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color);\n    --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color);\n    --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color);\n    --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color);\n    --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color);\n    --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color);\n    --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color);\n    --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color);\n    --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);\n    --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);\n    --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);\n    --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color);\n    --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color);\n    --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color);\n    --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color);\n    --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color);\n    --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color);\n    --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color);\n    --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color);\n    --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color);\n    --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color);\n\n    /* ========== filter-button ========== */\n    --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color);\n    --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color);\n    --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color);\n    --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color);\n    --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color);\n    --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color);\n    --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color);\n    --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color);\n    --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color);\n    --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color);\n    --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color);\n    --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color);\n    --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color);\n    --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color);\n    --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color);\n    --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color);\n    --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color);\n    --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color);\n\n    /* ========== hardware-slider ========== */\n    --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color);\n    --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color);\n    --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color);\n    --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color);\n    --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color);\n\n    /* ========== header ========== */\n    --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color);\n    --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color);\n    --header-divider-color: var(--header-divider-dark-mode-color);\n    --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color);\n    --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color);\n    --header-main-text-text-color: var(--header-main-text-dark-mode-text-color);\n    --header-paragraph-color: var(--header-paragraph-dark-mode-color);\n    --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color);\n\n    /* ========== icon-button ========== */\n    --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color);\n    --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);\n    --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color);\n    --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);\n    --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color);\n    --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);\n    --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color);\n    --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color);\n    --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);\n    --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);\n    --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);\n    --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);\n    --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);\n    --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);\n    --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);\n    --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n\n    /* ========== inline-section-header ========== */\n    --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color);\n    --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color);\n    --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color);\n\n    /* ========== inline-status ========== */\n    --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color);\n    --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color);\n    --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color);\n    --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color);\n    --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color);\n    --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color);\n    --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color);\n    --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color);\n\n    /* ========== keyboard-bar ========== */\n    --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color);\n    --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color);\n    --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color);\n\n    /* ========== menu ========== */\n    --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color);\n    --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color);\n    --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color);\n    --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color);\n    --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color);\n    --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color);\n    --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color);\n    --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color);\n    --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color);\n    --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color);\n    --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color);\n    --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color);\n    --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color);\n    --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color);\n    --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color);\n    --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);\n    --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color);\n    --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color);\n    --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);\n    --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color);\n    --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color);\n    --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);\n    --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);\n    --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color);\n\n    /* ========== modalBlade ========== */\n    --modal-blade-background-color: var(--modal-blade-background-dark-mode-color);\n\n    /* ========== modalDialog ========== */\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);\n    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);\n    --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color);\n    --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color);\n    --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color);\n\n    /* ========== modalFull ========== */\n    --modal-full-background-color: var(--modal-full-background-dark-mode-color);\n    --modal-full-veil-color: var(--modal-full-veil-dark-mode-color);\n\n    /* ========== modalPartial ========== */\n    --modal-partial-background-color: var(--modal-partial-background-dark-mode-color);\n    --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color);\n\n    /* ========== modalPopover ========== */\n    --modal-popover-background-color: var(--modal-popover-background-dark-mode-color);\n\n    /* ========== modalSheet ========== */\n    --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color);\n    --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color);\n    --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color);\n    --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color);\n\n    /* ========== pageIndicator ========== */\n    --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color);\n    --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color);\n\n    /* ========== pagingIndicator ========== */\n    --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color);\n    --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color);\n\n    /* ========== pill ========== */\n    --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color);\n    --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color);\n    --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);\n    --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);\n    --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color);\n    --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color);\n    --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color);\n    --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);\n    --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);\n    --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color);\n    --pill-border-color: var(--pill-border-dark-mode-color);\n    --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color);\n    --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color);\n    --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);\n    --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);\n    --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color);\n    --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color);\n    --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color);\n    --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);\n    --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);\n    --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color);\n    --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color);\n    --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color);\n    --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);\n    --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);\n    --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color);\n    --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color);\n    --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color);\n    --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);\n    --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);\n    --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color);\n    --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color);\n    --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color);\n    --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color);\n    --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);\n    --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color);\n    --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color);\n    --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color);\n    --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);\n    --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);\n    --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color);\n\n    /* ========== qrcode ========== */\n    --qrcode-border-color: var(--qrcode-border-dark-mode-color);\n    --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color);\n    --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color);\n    --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color);\n    --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color);\n    --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color);\n    --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color);\n\n    /* ========== quantity-input-field ========== */\n    --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color);\n    --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color);\n    --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color);\n    --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color);\n\n    /* ========== radio ========== */\n    --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color);\n    --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color);\n    --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color);\n    --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color);\n    --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color);\n    --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color);\n    --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color);\n    --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color);\n    --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color);\n    --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color);\n    --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color);\n    --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color);\n\n    /* ========== rich-text ========== */\n    --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color);\n    --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color);\n    --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color);\n    --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color);\n\n    /* ========== row ========== */\n    --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color);\n    --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color);\n    --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color);\n    --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color);\n    --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color);\n    --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color);\n    --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color);\n    --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color);\n    --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color);\n    --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color);\n    --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color);\n    --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color);\n    --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);\n    --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);\n    --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);\n    --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);\n    --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);\n    --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);\n    --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color);\n    --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);\n    --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);\n    --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);\n    --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);\n    --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);\n    --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color);\n    --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color);\n    --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color);\n    --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color);\n    --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color);\n    --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color);\n    --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color);\n    --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color);\n    --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color);\n    --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color);\n    --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color);\n    --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color);\n    --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color);\n    --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color);\n    --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color);\n    --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color);\n    --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color);\n    --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color);\n    --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color);\n    --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color);\n    --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color);\n    --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color);\n    --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color);\n    --row-focus-ring-color: var(--row-dark-mode-focus-ring-color);\n    --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color);\n    --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color);\n    --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color);\n    --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color);\n    --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color);\n    --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color);\n    --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color);\n    --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color);\n    --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color);\n    --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color);\n    --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color);\n    --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color);\n    --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color);\n    --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color);\n    --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color);\n    --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color);\n    --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color);\n    --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color);\n    --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color);\n    --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color);\n    --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color);\n    --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color);\n    --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color);\n    --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color);\n    --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color);\n    --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color);\n    --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color);\n    --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);\n    --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);\n    --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);\n    --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);\n    --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);\n    --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);\n    --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color);\n    --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);\n    --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);\n    --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);\n    --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);\n    --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color);\n    --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color);\n    --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);\n    --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);\n    --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);\n    --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);\n    --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color);\n    --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color);\n    --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);\n    --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);\n    --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);\n    --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);\n    --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color);\n    --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);\n    --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);\n    --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);\n    --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);\n    --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);\n    --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);\n    --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);\n    --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color);\n    --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);\n    --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);\n    --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);\n    --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);\n    --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);\n    --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);\n    --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);\n    --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color);\n    --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color);\n    --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color);\n    --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color);\n    --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color);\n    --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color);\n    --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color);\n    --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color);\n    --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color);\n    --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color);\n    --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color);\n    --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color);\n    --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color);\n    --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color);\n    --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color);\n    --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color);\n    --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color);\n    --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color);\n    --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color);\n    --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color);\n\n    /* ========== search ========== */\n    --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color);\n    --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color);\n    --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color);\n    --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color);\n    --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color);\n    --search-hint-text-color: var(--search-hint-text-dark-mode-color);\n    --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color);\n    --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color);\n    --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color);\n    --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color);\n\n    /* ========== segmentedControl ========== */\n    --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color);\n    --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color);\n    --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color);\n    --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color);\n    --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color);\n    --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color);\n    --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color);\n    --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color);\n    --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color);\n    --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color);\n    --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color);\n    --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color);\n    --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color);\n    --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color);\n    --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color);\n    --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color);\n    --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color);\n    --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);\n    --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);\n    --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);\n    --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);\n    --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);\n\n    /* ========== select ========== */\n    --select-caret-color: var(--select-caret-dark-mode-color);\n    --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color);\n\n    /* ========== skeleton-loader ========== */\n    --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color);\n    --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color);\n    --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color);\n    --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color);\n\n    /* ========== stepper ========== */\n    --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color);\n    --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color);\n    --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color);\n    --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color);\n    --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color);\n    --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color);\n    --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color);\n    --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color);\n    --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color);\n    --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color);\n    --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color);\n    --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color);\n    --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color);\n    --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color);\n    --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color);\n    --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color);\n    --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color);\n    --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color);\n    --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color);\n    --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color);\n    --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color);\n    --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color);\n    --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color);\n    --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color);\n\n    /* ========== sticky-section-header ========== */\n    --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color);\n    --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color);\n    --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color);\n    --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color);\n\n    /* ========== subtle-button ========== */\n    --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color);\n    --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color);\n    --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color);\n\n    /* ========== swipe-action ========== */\n    --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color);\n    --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color);\n    --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color);\n    --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color);\n    --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color);\n    --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color);\n\n    /* ========== tabbar ========== */\n    --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color);\n    --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color);\n    --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color);\n    --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color);\n    --tabbar-background-color: var(--tabbar-background-dark-mode-color);\n    --tabbar-divider-color: var(--tabbar-divider-dark-mode-color);\n    --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color);\n    --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color);\n    --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color);\n    --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color);\n    --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color);\n    --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color);\n    --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color);\n    --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color);\n    --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color);\n    --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color);\n\n    /* ========== tableCell ========== */\n    --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color);\n    --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color);\n    --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color);\n    --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color);\n    --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color);\n\n    /* ========== tag ========== */\n    --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color);\n    --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color);\n    --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color);\n    --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color);\n    --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color);\n    --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color);\n    --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color);\n    --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color);\n    --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color);\n    --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color);\n    --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color);\n    --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color);\n    --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color);\n    --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color);\n    --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color);\n    --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color);\n    --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color);\n    --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color);\n    --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color);\n    --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color);\n\n    /* ========== text-link-group ========== */\n    --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color);\n\n    /* ========== text-link ========== */\n    --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color);\n    --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);\n    --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);\n    --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);\n    --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);\n    --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);\n    --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);\n    --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);\n    --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);\n    --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color);\n    --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);\n    --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color);\n    --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color);\n    --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);\n\n    /* ========== textarea ========== */\n    --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color);\n    --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color);\n    --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color);\n    --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color);\n\n    /* ========== toast ========== */\n    --toast-accent-color: var(--toast-accent-dark-mode-color);\n    --toast-background-color: var(--toast-background-dark-mode-color);\n    --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color);\n    --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color);\n    --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color);\n    --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color);\n    --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color);\n    --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color);\n    --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color);\n    --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color);\n    --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color);\n    --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color);\n    --toast-icon-color: var(--toast-icon-dark-mode-color);\n    --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color);\n    --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color);\n    --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color);\n    --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color);\n    --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color);\n    --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color);\n    --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color);\n    --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color);\n    --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color);\n    --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color);\n    --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color);\n    --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color);\n    --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color);\n    --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color);\n    --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color);\n    --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color);\n    --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color);\n    --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color);\n    --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color);\n    --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color);\n    --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color);\n    --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color);\n    --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color);\n    --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color);\n    --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color);\n    --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color);\n    --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color);\n    --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color);\n    --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color);\n    --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color);\n    --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color);\n    --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color);\n    --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color);\n    --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color);\n    --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color);\n    --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color);\n    --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color);\n    --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color);\n    --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color);\n    --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color);\n    --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color);\n    --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color);\n    --toast-text-color: var(--toast-text-dark-mode-color);\n    --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color);\n    --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color);\n    --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color);\n    --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color);\n    --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color);\n    --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color);\n    --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color);\n    --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color);\n    --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color);\n\n    /* ========== toggle ========== */\n    --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color);\n    --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color);\n    --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color);\n    --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color);\n    --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color);\n    --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color);\n    --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color);\n    --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color);\n    --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color);\n    --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color);\n    --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color);\n    --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color);\n    --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color);\n    --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);\n    --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);\n    --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);\n    --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);\n    --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);\n    --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);\n    --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color);\n    --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color);\n    --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color);\n    --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color);\n    --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color);\n    --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color);\n    --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color);\n    --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color);\n    --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color);\n    --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color);\n    --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color);\n    --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color);\n\n    /* ========== tooltip ========== */\n    --tooltip-background-color: var(--tooltip-background-dark-mode-color);\n    --tooltip-link-color: var(--tooltip-link-dark-mode-color);\n    --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color);\n    --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color);\n    --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color);\n    --tooltip-text-color: var(--tooltip-text-dark-mode-color);\n    --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color);\n    --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color);\n    --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color);\n    --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color);\n    --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color);\n    --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color);\n\n    /* ========== tracker ========== */\n    --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);\n    --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);\n  }\n}\n\n\n\n/* shared imports and styles */\n/* If importing this file directly, make sure to also import design token CSS variables */\n\n/* global styles */\n.market-grid-container {\n  display: grid;\n  grid-template-columns: repeat(var(--core-grid-column-count), 1fr);\n  grid-gap: var(--core-grid-horizontal-spacing) var(--core-grid-vertical-spacing);\n}\n\n.market-grid-item-small {\n  grid-column: auto / span var(--core-grid-item-small-size-column-span);\n}\n\n.market-grid-item-medium {\n  grid-column: auto / span var(--core-grid-item-medium-size-column-span);\n}\n\n.market-grid-item-large {\n  grid-column: auto / span var(--core-grid-item-large-size-column-span);\n}\n\n.market-grid-item-full {\n  grid-column: auto / span var(--core-grid-item-full-size-column-span);\n}\n\n\n/* TODO: Figure out how to get token values into the media query breakpoints */\n\n/* Medium Viewports: --core-breakpoint-medium-min-width: 600px */\n@media only screen and (min-width: 600px) {\n  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n    --core-grid-column-count: var(--core-medium-viewport-grid-column-count);\n    --core-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);\n    --core-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);\n    --core-grid-item-full-size-column-span: var(--core-medium-viewport-grid-item-full-size-column-span);\n    --core-grid-item-large-size-column-span: var(--core-medium-viewport-grid-item-large-size-column-span);\n    --core-grid-item-medium-size-column-span: var(--core-medium-viewport-grid-item-medium-size-column-span);\n    --core-grid-item-small-size-column-span: var(--core-medium-viewport-grid-item-small-size-column-span);\n  }\n}\n\n/* Wide Viewports: --core-breakpoint-wide-min-width: 800px */\n@media only screen and (min-width: 800px) {\n  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n    --core-grid-column-count: var(--core-wide-viewport-grid-column-count);\n    --core-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);\n    --core-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);\n    --core-grid-item-full-size-column-span: var(--core-wide-viewport-grid-item-full-size-column-span);\n    --core-grid-item-large-size-column-span: var(--core-wide-viewport-grid-item-large-size-column-span);\n    --core-grid-item-medium-size-column-span: var(--core-wide-viewport-grid-item-medium-size-column-span);\n    --core-grid-item-small-size-column-span: var(--core-wide-viewport-grid-item-small-size-column-span);\n  }\n}\n\n/* Extra Wide Viewports: --core-breakpoint-extra-wide-min-width: 1024px */\n@media only screen and (min-width: 1024px) {\n  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n    --core-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);\n    --core-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);\n    --core-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);\n    --core-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);\n    --core-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);\n    --core-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);\n    --core-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);\n  }\n}\n\n/* TODO: Make these to design spec */\n\n/* We have separate enter and exit animations because of the way that CSS\nanimation seems to work, despite having an animation-direction property.\nUsing separate animations is the only way to allow reverse animation without\nhaving to use javascript to trigger re-animating\nhttps://stackoverflow.com/a/47992656\n*/\n\nmessages-plugin, :host, [data-market-features] {\n  --animation-infinite-duration: 1s;\n  --animation-infinite-iteration-count: infinite;\n  --animation-infinite-timing-function: linear;\n}\n\n@keyframes market-popup {\n  messages-plugin from {\n    opacity: 0%;\n    transform: scale(0.9, 0.9);\n  }\n\n  messages-plugin to {\n    opacity: 100%;\n    transform: scale(1, 1);\n  }\n}\n\n@keyframes market-popdown {\n  messages-plugin from {\n    opacity: 100%;\n    transform: scale(1, 1);\n  }\n\n  messages-plugin to {\n    opacity: 0%;\n    transform: scale(0.9, 0.9);\n  }\n}\n\n@keyframes market-slideup {\n  messages-plugin from {\n    opacity: 0%;\n    transform: translateY(80vh);\n  }\n\n  messages-plugin to {\n    opacity: 100%;\n    transform: translateY(0);\n  }\n}\n\n@keyframes market-slidedown {\n  messages-plugin from {\n    opacity: 100%;\n    transform: translateY(0);\n  }\n\n  messages-plugin to {\n    opacity: 0%;\n    transform: translateY(80vh);\n  }\n}\n\n@keyframes market-slide-left-enter {\n  messages-plugin from {\n    transform: translateX(100%);\n  }\n\n  messages-plugin to {\n    transform: translateX(0);\n  }\n}\n\n/* animation-direction reverse not working; reversing the animation manually instead */\n@keyframes market-slide-left-exit {\n  messages-plugin from {\n    transform: translateX(0);\n  }\n\n  messages-plugin to {\n    transform: translateX(100%);\n  }\n}\n\n@keyframes market-fade-in {\n  messages-plugin from {\n    opacity: 0%;\n  }\n\n  messages-plugin to {\n    opacity: 100%;\n  }\n}\n\n@keyframes market-fade-out {\n  messages-plugin from {\n    opacity: 100%;\n  }\n\n  messages-plugin to {\n    opacity: 0%;\n  }\n}\n\n@keyframes market-file-upload-loading-rotation {\n  messages-plugin from {\n    transform: rotate(0deg);\n  }\n\n  messages-plugin to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes market-activity-indicator-rotation {\n  messages-plugin from {\n    transform: rotate(0deg);\n  }\n\n  messages-plugin to {\n    transform: rotate(360deg);\n  }\n}\n\n/* stylelint-disable block-no-empty */\n\n/**\n * These empty input-autofill animations are part of a hack that allows us to\n * detect browser autofill: https://stackoverflow.com/a/41530164\n */\n@keyframes market-input-autofill-start {\n  messages-plugin from {}\n  messages-plugin to {}\n}\n\n@keyframes market-input-autofill-cancel {\n  messages-plugin from {}\n  messages-plugin to {}\n}\n\n/**\n * These empty input-search animations allow us detect compact enter/exit animations\n */\n@keyframes market-input-search-compact-enter {\n  messages-plugin from {}\n  messages-plugin to {}\n}\n\n@keyframes market-input-search-compact-exit {\n  messages-plugin from {}\n  messages-plugin to {}\n}\n\n/* stylelint-enable block-no-empty */\n\n/* stylelint-disable max-line-length */\n\nmessages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n  /* Partial Modals do not have settings for narrow viewports because they display with the\n  same CSS as full modals, therefore, the second-smallest viewport here, medium, is the default\n  for partial modal custom properties */\n  --modal-partial-vertical-padding-size: var(--modal-partial-medium-viewport-vertical-padding-size);\n  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-medium-viewport-vertical-screen-buffer-size);\n  --modal-partial-horizontal-padding-size: var(--modal-partial-medium-viewport-horizontal-padding-size);\n  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-medium-viewport-horizontal-screen-buffer-size);\n  --modal-partial-width: var(--modal-partial-medium-viewport-width);\n  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);\n  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);\n  --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size);\n  --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size);\n  --modal-dialog-width: var(--modal-dialog-medium-viewport-width);\n}\n\nmessages-plugin, :host, [data-market-features]:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)),messages-plugin, :host, [data-market-features] *[data-market-theme]:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)) {\n  overflow: hidden;\n}\n\n/* TODO: Use env() here with a design token -jbiggs */\n\n/* Medium Viewports: --core-breakpoint-medium-min-width: 600px */\n@media (min-width: 600px) {\n  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n    --modal-full-vertical-padding-size: var(--modal-full-medium-viewport-vertical-padding-size);\n    --modal-full-horizontal-padding-size: var(--modal-full-medium-viewport-horizontal-padding-size);\n    --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size);\n    --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size);\n    --modal-dialog-width: var(--modal-dialog-medium-viewport-width);\n  }\n}\n\n/* Wide Viewports: --core-breakpoint-wide-min-width: 800px */\n@media (min-width: 800px) {\n  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {\n    --modal-partial-vertical-padding-size: var(--modal-partial-wide-viewport-vertical-padding-size);\n    --modal-partial-vertical-screen-buffer-size: var(--modal-partial-wide-viewport-vertical-screen-buffer-size);\n    --modal-partial-horizontal-padding-size: var(--modal-partial-wide-viewport-horizontal-padding-size);\n    --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-wide-viewport-horizontal-screen-buffer-size);\n    --modal-partial-width: var(--modal-partial-wide-viewport-width);\n    --modal-full-vertical-padding-size: var(--modal-full-wide-viewport-vertical-padding-size);\n    --modal-full-horizontal-padding-size: var(--modal-full-wide-viewport-horizontal-padding-size);\n    --modal-dialog-vertical-padding-size: var(--modal-dialog-wide-viewport-vertical-padding-size);\n    --modal-dialog-horizontal-padding-size: var(--modal-dialog-wide-viewport-horizontal-padding-size);\n    --modal-dialog-width: var(--modal-dialog-wide-viewport-width);\n  }\n}\n\nmessages-plugin, :host, [data-market-features] {\n  --elevation-10-shadow: 0 0 4px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 20%);\n  --elevation-20-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%), 0 4px 8px 0 rgb(0 0 0 / 10%);\n  --elevation-30-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%);\n}\n\n\n/* feature flagged styles */\n[data-market-features*=\"typography\"] {\n  color: var(--core-text-10-color);\n  font-weight: var(--core-type-regular-weight);\n  font-family: var(--core-type-font-family);\n  font-synthesis: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osz-font-smoothing: grayscale;\n  font-smooth: always; /* stylelint-disable-line property-no-unknown */\n}\n\nmessages-plugin h1, .display-10 {\n  font-weight: var(--core-type-display-10-weight);\n  font-size: var(--core-type-display-10-size);\n  font-family: var(--core-type-display-10-font-family);\n  line-height: var(--core-type-display-10-leading);\n  letter-spacing: var(--core-type-display-10-tracking);\n  text-transform: var(--core-type-display-10-case);\n}\n\n.display-20 {\n  font-weight: var(--core-type-display-20-weight);\n  font-size: var(--core-type-display-20-size);\n  font-family: var(--core-type-display-20-font-family);\n  line-height: var(--core-type-display-20-leading);\n  letter-spacing: var(--core-type-display-20-tracking);\n  text-transform: var(--core-type-display-20-case);\n}\n\nmessages-plugin h2, .heading-30 {\n  font-weight: var(--core-type-heading-30-weight);\n  font-size: var(--core-type-heading-30-size);\n  font-family: var(--core-type-heading-30-font-family);\n  line-height: var(--core-type-heading-30-leading);\n  letter-spacing: var(--core-type-heading-30-tracking);\n  text-transform: var(--core-type-heading-30-case);\n}\n\nmessages-plugin h3, .heading-20 {\n  font-weight: var(--core-type-heading-20-weight);\n  font-size: var(--core-type-heading-20-size);\n  font-family: var(--core-type-heading-20-font-family);\n  line-height: var(--core-type-heading-20-leading);\n  letter-spacing: var(--core-type-heading-20-tracking);\n  text-transform: var(--core-type-heading-20-case);\n}\n\nmessages-plugin h4, .heading-10 {\n  font-weight: var(--core-type-heading-10-weight);\n  font-size: var(--core-type-heading-10-size);\n  font-family: var(--core-type-heading-10-font-family);\n  line-height: var(--core-type-heading-10-leading);\n  letter-spacing: var(--core-type-heading-10-tracking);\n  text-transform: var(--core-type-heading-10-case);\n}\n\nmessages-plugin h5, .heading-5 {\n  font-weight: var(--core-type-heading-5-weight);\n  font-size: var(--core-type-heading-5-size);\n  font-family: var(--core-type-heading-5-font-family);\n  line-height: var(--core-type-heading-5-leading);\n  letter-spacing: var(--core-type-heading-5-tracking);\n  text-transform: var(--core-type-heading-5-case);\n}\n\n.paragraph-30 {\n  font-weight: var(--core-type-paragraph-30-weight);\n  font-size: var(--core-type-paragraph-30-size);\n  font-family: var(--core-type-paragraph-30-font-family);\n  line-height: var(--core-type-paragraph-30-leading);\n  letter-spacing: var(--core-type-paragraph-30-tracking);\n  text-transform: var(--core-type-paragraph-30-case);\n}\n\n.paragraph-30 b, .paragraph-30 strong {\n    font-weight: var(--core-type-semibold-30-weight);\n  }\n\nmessages-plugin p, .paragraph-20 {\n  font-weight: var(--core-type-paragraph-20-weight);\n  font-size: var(--core-type-paragraph-20-size);\n  font-family: var(--core-type-paragraph-20-font-family);\n  line-height: var(--core-type-paragraph-20-leading);\n  letter-spacing: var(--core-type-paragraph-20-tracking);\n  text-transform: var(--core-type-paragraph-20-case);\n}\n\nmessages-plugin p b,messages-plugin p strong, .paragraph-20 b, .paragraph-20 strong {\n    font-weight: var(--core-type-semibold-20-weight);\n  }\n\n.paragraph-10 {\n  font-weight: var(--core-type-paragraph-10-weight);\n  font-size: var(--core-type-paragraph-10-size);\n  font-family: var(--core-type-paragraph-10-font-family);\n  line-height: var(--core-type-paragraph-10-leading);\n  letter-spacing: var(--core-type-paragraph-10-tracking);\n  text-transform: var(--core-type-paragraph-10-case);\n}\n\n.paragraph-10 b, .paragraph-10 strong {\n    font-weight: var(--core-type-semibold-10-weight);\n  }\n\n.medium-10 {\n  font-weight: var(--core-type-medium-10-weight);\n  font-size: var(--core-type-medium-10-size);\n  font-family: var(--core-type-medium-10-font-family);\n  line-height: var(--core-type-medium-10-leading);\n  letter-spacing: var(--core-type-medium-10-tracking);\n  text-transform: var(--core-type-medium-10-case);\n}\n\n.medium-20 {\n  font-weight: var(--core-type-medium-20-weight);\n  font-size: var(--core-type-medium-20-size);\n  font-family: var(--core-type-medium-20-font-family);\n  line-height: var(--core-type-medium-20-leading);\n  letter-spacing: var(--core-type-medium-20-tracking);\n  text-transform: var(--core-type-medium-20-case);\n}\n\n.medium-30 {\n  font-weight: var(--core-type-medium-30-weight);\n  font-size: var(--core-type-medium-30-size);\n  font-family: var(--core-type-medium-30-font-family);\n  line-height: var(--core-type-medium-30-leading);\n  letter-spacing: var(--core-type-medium-30-tracking);\n  text-transform: var(--core-type-medium-30-case);\n}\n\n.semibold-10 {\n  font-weight: var(--core-type-semibold-10-weight);\n  font-size: var(--core-type-semibold-10-size);\n  font-family: var(--core-type-semibold-10-font-family);\n  line-height: var(--core-type-semibold-10-leading);\n  letter-spacing: var(--core-type-semibold-10-tracking);\n  text-transform: var(--core-type-semibold-10-case);\n}\n\n.semibold-20 {\n  font-weight: var(--core-type-semibold-20-weight);\n  font-size: var(--core-type-semibold-20-size);\n  font-family: var(--core-type-semibold-20-font-family);\n  line-height: var(--core-type-semibold-20-leading);\n  letter-spacing: var(--core-type-semibold-20-tracking);\n  text-transform: var(--core-type-semibold-20-case);\n}\n\n.semibold-30 {\n  font-weight: var(--core-type-semibold-30-weight);\n  font-size: var(--core-type-semibold-30-size);\n  font-family: var(--core-type-semibold-30-font-family);\n  line-height: var(--core-type-semibold-30-leading);\n  letter-spacing: var(--core-type-semibold-30-tracking);\n  text-transform: var(--core-type-semibold-30-case);\n}\n\nmessages-plugin code, .monospace {\n  font-family: var(--core-type-mono-font-family);\n}\n\n\n@layer market-feature--typography {\n  [data-market-features*=\"typography\"] {\n  }\n}\n\n[data-market-features*=\"typography\"] [data-disabled-market-features*=\"typography\"] {\n  color: revert-layer;\n  font-weight: revert-layer;\n  font-family: revert-layer;\n  font-synthesis: revert-layer;\n  -webkit-font-smoothing: revert-layer;\n  -moz-osz-font-smoothing: revert-layer;\n  font-smooth: always; /* stylelint-disable-line property-no-unknown */\n}\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .display-20 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) h1, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .display-10 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) h2, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .heading-30 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) h3, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .heading-20 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) h4, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .heading-10 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) h5, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .heading-5 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-30 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-30 b, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-30 strong {\n    font-weight: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) p, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-20 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) p b, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) p strong, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-20 b, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-20 strong {\n    font-weight: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-10 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-10 b, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .paragraph-10 strong {\n    font-weight: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .medium-30 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .medium-20 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .medium-10 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .semibold-30 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .semibold-20 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .semibold-10 {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) code, [data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .monospace {\n    font-family: revert-layer;\n  }\n\n/* Not wrapped in @layer market-feature--typography in order to override general typography */\n/* ROW */\n/* Small Size */\n[data-market-features*=\"typography\"] .market-row[size=\"small\"] \u003e [slot=\"label\"] {\n    font-weight: var(--row-small-size-text-weight);\n    font-size: var(--row-small-size-text-size);\n    line-height: var(--row-small-size-text-leading);\n    letter-spacing: var(--row-small-size-text-tracking);\n    text-transform: var(--row-small-size-text-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"small\"] \u003e [slot=\"subtext\"] {\n    font-weight: var(--row-small-size-subtext-weight);\n    font-size: var(--row-small-size-subtext-size);\n    line-height: var(--row-small-size-subtext-leading);\n    letter-spacing: var(--row-small-size-subtext-tracking);\n    text-transform: var(--row-small-size-subtext-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"small\"] \u003e [slot=\"side-label\"] {\n    font-weight: var(--row-small-size-side-text-primary-weight);\n    font-size: var(--row-small-size-side-text-primary-size);\n    line-height: var(--row-small-size-side-text-primary-leading);\n    letter-spacing: var(--row-small-size-side-text-primary-tracking);\n    text-transform: var(--row-small-size-side-text-primary-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"small\"] \u003e [slot=\"side-subtext\"] {\n    font-weight: var(--row-small-size-side-text-secondary-weight);\n    font-size: var(--row-small-size-side-text-secondary-size);\n    line-height: var(--row-small-size-side-text-secondary-leading);\n    letter-spacing: var(--row-small-size-side-text-secondary-tracking);\n    text-transform: var(--row-small-size-side-text-secondary-case);\n  }\n/* Medium Size */\n[data-market-features*=\"typography\"] .market-row[size=\"medium\"] \u003e [slot=\"label\"] {\n    font-weight: var(--row-medium-size-text-weight);\n    font-size: var(--row-medium-size-text-size);\n    line-height: var(--row-medium-size-text-leading);\n    letter-spacing: var(--row-medium-size-text-tracking);\n    text-transform: var(--row-medium-size-text-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"medium\"] \u003e [slot=\"subtext\"] {\n    font-weight: var(--row-medium-size-subtext-weight);\n    font-size: var(--row-medium-size-subtext-size);\n    line-height: var(--row-medium-size-subtext-leading);\n    letter-spacing: var(--row-medium-size-subtext-tracking);\n    text-transform: var(--row-medium-size-subtext-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"medium\"] \u003e [slot=\"side-label\"] {\n    font-weight: var(--row-medium-size-side-text-primary-weight);\n    font-size: var(--row-medium-size-side-text-primary-size);\n    line-height: var(--row-medium-size-side-text-primary-leading);\n    letter-spacing: var(--row-medium-size-side-text-primary-tracking);\n    text-transform: var(--row-medium-size-side-text-primary-case);\n  }\n[data-market-features*=\"typography\"] .market-row[size=\"medium\"] \u003e [slot=\"side-subtext\"] {\n    font-weight: var(--row-medium-size-side-text-secondary-weight);\n    font-size: var(--row-medium-size-side-text-secondary-size);\n    line-height: var(--row-medium-size-side-text-secondary-leading);\n    letter-spacing: var(--row-medium-size-side-text-secondary-tracking);\n    text-transform: var(--row-medium-size-side-text-secondary-case);\n  }\n[data-market-features*=\"typography\"] .market-row[slot=\"displayed-selection\"] \u003e [slot=\"label\"] {\n    font-weight: var(--field-input-weight);\n    font-size: inherit;\n    line-height: inherit;\n  }\n/* FIELD */\n[data-market-features*=\"typography\"] .market-field \u003e [slot=\"error\"] {\n    color: var(--field-error-message-text-color);\n    font-weight: var(--field-error-message-text-weight);\n    font-size: var(--field-error-message-text-size);\n    line-height: var(--field-error-message-text-leading);\n    letter-spacing: var(--field-error-message-text-tracking);\n  }\n[data-market-features*=\"typography\"] .market-field \u003e [slot=\"action\"] {\n    color: var(--field-action-text-color);\n  }\n[data-market-features*=\"typography\"] .market-field \u003e [slot] {\n    margin-top: 4px; /* TODO: design token */\n  }\n/* HEADER */\n[data-market-features*=\"typography\"] .market-header[show-navigation] \u003e [slot=\"compact\"]:not(.wayfinding):not(.subheading) {\n    font-weight: var(--core-type-heading-20-weight);\n    font-size: var(--core-type-heading-20-size);\n    font-family: var(--core-type-heading-20-font-family);\n    line-height: var(--core-type-heading-20-leading);\n    letter-spacing: var(--core-type-heading-20-tracking);\n    text-transform: var(--core-type-heading-20-case);\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"small\"] \u003e [slot=\"label\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"small\"] \u003e [slot=\"subtext\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"small\"] \u003e [slot=\"side-label\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"small\"] \u003e [slot=\"side-subtext\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"medium\"] \u003e [slot=\"label\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"medium\"] \u003e [slot=\"subtext\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"medium\"] \u003e [slot=\"side-label\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[size=\"medium\"] \u003e [slot=\"side-subtext\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-row[slot=\"displayed-selection\"] \u003e [slot=\"label\"] {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-field \u003e [slot=\"error\"] {\n    color: revert-layer;\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-field \u003e [slot=\"action\"] {\n    color: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-field \u003e [slot] {\n    margin-top: revert-layer;\n  }\n\n[data-market-features*=\"typography\"] :where([data-disabled-market-features*=\"typography\"]) .market-header[show-navigation] \u003e [slot=\"compact\"]:not(.wayfinding):not(.subheading) {\n    font-weight: revert-layer;\n    font-size: revert-layer;\n    font-family: revert-layer;\n    line-height: revert-layer;\n    letter-spacing: revert-layer;\n    text-transform: revert-layer;\n  }\n\nmessages-plugin a {\n  /* TODO: add link focus ring tokens (UI-6643) */\n  --text-link-focus-ring-border-size: var(--button-focus-ring-border-size);\n  --text-link-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);\n  --text-link-focus-ring-color: var(--button-focus-ring-color);\n  --focus-ring-color: color-mix(in srgb, var(--text-link-focus-ring-color) 100%, transparent);\n}\n\nmessages-plugin a:focus-visible {\n    border-radius: 1px;\n    outline: var(--text-link-focus-ring-border-size) solid var(--focus-ring-color);\n    outline-offset: var(--text-link-focus-ring-buffer-size);\n  }\n\n\n@layer market-feature--html-styles {\n    [data-market-features*=\"html-styles\"] a, [data-market-features*=\"html-styles\"] a:link, [data-market-features*=\"html-styles\"] a:hover, [data-market-features*=\"html-styles\"] a:active, [data-market-features*=\"html-styles\"] a:visited {\n      color: var(--text-link-normal-variant-color);\n      font-weight: var(--text-link-medium-size-text-weight);\n      transition: color var(--core-animation-enter-transition-moderate-speed-duration);\n      text-decoration-line: none;\n      text-decoration-style: solid;\n      text-decoration-thickness: var(--text-link-standalone-style-normal-state-underline-size);\n      text-underline-offset: var(--text-link-standalone-style-underline-offset, 2px);\n    }\n\n    [data-market-features*=\"html-styles\"] a:hover {\n      color: var(--text-link-normal-variant-hover-state-color);\n      text-decoration-thickness: var(--text-link-standalone-style-hover-state-underline-size);\n      text-decoration-line: underline;\n    }\n\n    [data-market-features*=\"html-styles\"] a:active {\n      color: var(--text-link-normal-variant-pressed-state-color);\n      text-decoration-thickness: var(--text-link-standalone-style-pressed-state-underline-size);\n    }\n\n    [data-market-features*=\"html-styles\"] a[disabled], [data-market-features*=\"html-styles\"] a.disabled, [data-market-features*=\"html-styles\"] a[aria-disabled=\"true\"] {\n      color: var(--text-link-normal-variant-disabled-state-color);\n      text-decoration-thickness: var(--text-link-standalone-style-disabled-state-underline-size);\n    }\n      [data-market-features*=\"html-styles\"][data-market-theme*=\"monochrome\"] a, [data-market-features*=\"html-styles\"][data-market-theme*=\"monochrome\"] a:link, [data-market-features*=\"html-styles\"][data-market-theme*=\"monochrome\"] a:hover, [data-market-features*=\"html-styles\"][data-market-theme*=\"monochrome\"] a:active, [data-market-features*=\"html-styles\"][data-market-theme*=\"monochrome\"] a:visited, [data-market-features*=\"html-styles\"] [data-market-theme*=\"monochrome\"] a, [data-market-features*=\"html-styles\"] [data-market-theme*=\"monochrome\"] a:link, [data-market-features*=\"html-styles\"] [data-market-theme*=\"monochrome\"] a:hover, [data-market-features*=\"html-styles\"] [data-market-theme*=\"monochrome\"] a:active, [data-market-features*=\"html-styles\"] [data-market-theme*=\"monochrome\"] a:visited {\n        text-decoration-line: underline;\n      }\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a, [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:link, [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:hover, [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:active, [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:visited, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:link, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:hover, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:active, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:visited {\n        color: revert-layer;\n        font-weight: revert-layer;\n        transition: revert-layer;\n        text-decoration-line: revert-layer;\n        text-decoration-style: revert-layer;\n        text-decoration-thickness: revert-layer;\n        text-underline-offset: revert-layer;\n      }\n\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:hover, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:hover {\n        color: revert-layer;\n        text-decoration-thickness: revert-layer;\n        text-decoration-line: revert-layer;\n      }\n\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:active, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:active {\n        color: revert-layer;\n        text-decoration-thickness: revert-layer;\n      }\n\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a[disabled], [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a.disabled, [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a[aria-disabled=\"true\"], [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a[disabled], [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a.disabled, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a[aria-disabled=\"true\"] {\n        color: revert-layer;\n        text-decoration-thickness: revert-layer;\n      }\n\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a {\n        --text-link-focus-ring-border-size: revert-layer;\n        --text-link-focus-ring-buffer-size: revert-layer;\n        --text-link-focus-ring-color: revert-layer;\n        --focus-ring-color: revert-layer;\n      }\n\n      [data-disabled-market-features*=\"html-styles\"][data-market-features*=\"html-styles\"] a:focus-visible, [data-market-features*=\"html-styles\"] [data-disabled-market-features*=\"html-styles\"] a:focus-visible {\n        border-radius: revert-layer;\n        outline: revert-layer;\n        outline-offset: revert-layer;\n      }\n}\n\n\n[data-market-features*=\"dark-mode\"] {\n  background-color: var(--core-surface-10-color);\n}\n\n/* stylelint-disable declaration-no-important */\n[data-market-features*=\"chromatic\"] {\n  /* infinite animations disabled */\n  --animation-infinite-duration: 0s !important;\n  --animation-infinite-iteration-count: 0 !important;\n}\n/* stylelint-enable declaration-no-important */\n\n/* Screen reader only class */\n\n/* Learn more -\u003e https://webaim.org/techniques/css/invisiblecontent/ */\n.market-sr-only {\n  position: absolute;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  white-space: nowrap;\n  -webkit-clip-path: inset(50%);\n          clip-path: inset(50%);\n}\n\n\u003c/style\u003e\u003cstyle\u003e@import url(https://square-fonts-production-f.squarecdn.com/square-sans.min.css);\u003c/style\u003e\u003cstyle\u003e.grecaptcha-badge {\n  visibility: hidden;\n}\n\u003c/style\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/home-page.6ff3f087c43a3d1476ec.css\"\u003e\u003cscript type=\"text/javascript\" src=\"//cdn2.editmysite.com/javascript/buyer-analytics-1.3.0.js\"\u003e\u003c/script\u003e\u003clink data-vue-meta=\"1\" rel=\"canonical\" href=\"https://presbytere-batiscan.square.site/\"\u003e\u003clink data-vue-meta=\"1\" rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/app/website/square.ico\"\u003e\u003clink data-vue-meta=\"1\" rel=\"preconnect\" href=\"https://ec.editmysite.com\"\u003e\u003clink data-vue-meta=\"1\" rel=\"preload\" as=\"style\" href=\"https://cdn3.editmysite.com/app/website/static/fonts/Rock Salt/font.css\"\u003e\u003clink data-vue-meta=\"1\" rel=\"stylesheet\" href=\"https://cdn3.editmysite.com/app/website/static/fonts/Rock Salt/font.css\" media=\"all\" type=\"text/css\"\u003e\u003clink data-vue-meta=\"1\" rel=\"preload\" as=\"style\" href=\"https://cdn3.editmysite.com/app/website/static/fonts/Courier Prime/font.css\"\u003e\u003clink data-vue-meta=\"1\" rel=\"stylesheet\" href=\"https://cdn3.editmysite.com/app/website/static/fonts/Courier Prime/font.css\" media=\"all\" type=\"text/css\"\u003e\u003cmeta data-vue-meta=\"1\" data-vmid=\"description\" name=\"description\" content=\"\"\u003e\u003cstyle data-vue-meta=\"1\" data-vmid=\"pageStyles\" type=\"text/css\"\u003e:root {\n\t--base-font-size: 14;\n\t--type-scale: 1.12;\n\t--primary-font: \"Rock Salt\";\n\t--secondary-font: \"Courier Prime\";\n\t--primary-font-weight: 400;\n\t--secondary-font-weight: 400;\n\t--ui-font: \"Courier Prime\";\n\t--ui-font-weight: 400;\n\t--title-font: var(--primary-font);\n\t--title-font-weight: var(--primary-font-weight);\n\t--body-font: var(--secondary-font);\n\t--body-font-weight: var(--secondary-font-weight);\n\t--site-title-font: var(--primary-font);\n\t--site-title-font-weight: var(--primary-font-weight);\n\t--headline-font: var(--primary-font);\n\t--headline-font-weight: var(--primary-font-weight);\n\t--section-title-font: var(--primary-font);\n\t--section-title-font-weight: var(--primary-font-weight);\n\t--section-callout-font: var(--primary-font);\n\t--section-callout-font-weight: var(--primary-font-weight);\n\t--attribution-font: var(--ui-font);\n\t--attribution-font-weight: var(--ui-font-weight);\n\t--navigation-font: var(--ui-font);\n\t--navigation-font-weight: var(--ui-font-weight);\n\t--product-price-font: var(--ui-font);\n\t--product-price-font-weight: var(--ui-font-weight);\n\t--button-font: var(--ui-font);\n\t--button-font-weight: var(--ui-font-weight);\n\t--primary-color: #558632;\n\t--color-secondary-midnight-red-dHteAm: #f8f3e7;\n\t--color-secondary-midnight-red-wFMdJB: #245607;\n\t--color-secondary-iaIGnM: #ffffff;\n\t--gray-light-one: #f8f7f7;\n\t--gray-light-two: #e6e6e6;\n\t--gray-dark: #4d4d4d;\n\t--color-white: #ffffff;\n\t--color-black: #000000;\n\t--primary-bright-dark: #3a631c;\n\t--primary-subtle-dark: #25301d;\n\t--primary-bright-light: #b9e39c;\n\t--primary-subtle-light: #f2f5ef;\n\t--primary-contrast-color: #ffffff;\n\t--secondary-bright-dark: #2d3953;\n\t--secondary-subtle-dark: #1d2330;\n\t--secondary-bright-light: #acb9d2;\n\t--secondary-subtle-light: #eff1f5;\n\t--secondary-contrast-color: #000000;\n\t--site-background-color: var(--color-secondary-midnight-red-dHteAm);\n\t--gutter-column-xs: 16px;\n\t--gutter-column-sm: 16px;\n\t--gutter-column-md: 16px;\n\t--gutter-column-lg: 16px;\n\t--gutter-column-xl: 16px;\n\t--gutter-row-xs: 16px;\n\t--gutter-row-sm: 16px;\n\t--gutter-row-md: 16px;\n\t--gutter-row-lg: 16px;\n\t--gutter-row-xl: 16px;\n}\n\n.container {\n\tmargin: 0 auto;\n}\n\n.w-block--contain-none .container {\n\tmax-width: none;\n}\n\n.w-block--contain-block {\n\tmax-width: 1200px;\n}\n\u003c/style\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/navigation-mobile.22b9ccef0f5960d0a3c4.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/64376.5953c30991a4e1a9f969.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/cart-1.4920bcf7ff230d98e136.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/84977.019daa55cf9a2494bf16.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/header-5.03f143458e0e714fb140.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/57955.8e45fff4ef3e4bd0d7cf.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/banner-1.3d11dc3f900b9c0226b6.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/29728.68da3a8c66208b29be82.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/87510.92fe30d31888fc5e24d0.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/53318.89140f9d826579171624.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/featured-events-stacked.0140c3f9d3f14772649f.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/22041.bab67169574260e9f011.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/donation-text.eed88334232799e6da48.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/65129.92fe30d31888fc5e24d0.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/28322.c1334c90195a321aff10.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/membership-grid.6657dab40d558581b4aa.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/27798.e682dc910d58c5dbaa36.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/footer-7.5872d27eb4e0cb324aed.css\"\u003e\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/website/js/../css/free-footer.86d148e5cb2be7f08d49.css\"\u003e\u003c/head\u003e\n\u003cbody class=\"show-all-popups\"\u003e\n    \n    \u003cdiv data-v-753131ee=\"\" class=\"app-container\"\u003e\u003cdiv data-v-753131ee=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #f8f3e7; --maker-color-neutral-10: #eae5da; --maker-color-neutral-20: #918e87; --maker-color-neutral-80: #6d6b66; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f8f3e7; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;\"\u003e\u003cdiv data-v-753131ee=\"\" id=\"app\" class=\"📚19-10-2QtxK6 📚19-10-2_EoEp theme-square w-background-light\"\u003e\u003cdiv data-v-753131ee=\"\" class=\"\"\u003e\u003cdiv data-v-0df30486=\"\" class=\"reset-z-index\"\u003e \u003c!----\u003e \u003cdiv data-v-4436f4cd=\"\" data-v-0df30486=\"\"\u003e\u003cdiv data-v-48f8ed10=\"\" data-v-4436f4cd=\"\" class=\"slideout\" style=\"--slideout-max-height: 0; display: none;\"\u003e\u003cdiv data-v-48f8ed10=\"\" class=\"slideout__overlay\"\u003e\u003c/div\u003e \u003cdiv data-v-48f8ed10=\"\" tabindex=\"-1\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-48f8ed10=\"\" class=\"w-container slideout__content col slideout--right\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-48f8ed10=\"\" class=\"w-cell slideout__row row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-48f8ed10=\"\" id=\"sJdIkr\" data-block-purpose=\"nav-mobile@^1.2.1\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-6122d9c6=\"\" data-v-301e84c2=\"\" class=\"nav-mobile w-block w-background-light\" id=\"08340862-7d8a-11ed-a9d7-e13dc1221228\" layout=\"navigation-mobile\" shortid=\"sJdIkr\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); --text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1); text-align: center; flex-direction: column; height: 100vh;\"\u003e\u003cdiv data-v-6122d9c6=\"\" class=\"container content-align--center\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-6122d9c6=\"\" class=\"w-container row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6122d9c6=\"\" class=\"w-cell col col-10 col-sm-10 col-md-10 col-lg-10 cell--empty align--left\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-xs) * 1); margin-bottom: calc(var(--gutter-row-xs) * 1);\"\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6122d9c6=\"\" class=\"w-cell col col-2 col-sm-2 col-md-2 col-lg-2 align--right\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-xs) * 1); margin-bottom: calc(var(--gutter-row-xs) * 1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-6122d9c6=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-4bde60a8=\"\" data-v-6122d9c6=\"\" class=\"nav-icon nav-icon__close\" id=\"083bd096-7d8a-11ed-a9d7-e13dc1221228\" data-v-ab1ca44a=\"\"\u003e\u003cbutton data-v-4bde60a8=\"\" type=\"button\" aria-label=\"Fermer\" class=\"nav-btn\"\u003e\u003cspan data-v-4700918e=\"\" data-v-4bde60a8=\"\" class=\"icon 📚19-10-2vCfSe\" style=\"--color: var(--color-secondary-midnight-red-wFMdJB); --icon-size: 24px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"m6.71 18.71 5.29-5.3 5.29 5.3 1.42-1.42-5.3-5.29 5.3-5.29-1.42-1.42-5.29 5.3-5.29-5.3-1.42 1.42 5.3 5.29-5.3 5.29 1.42 1.42Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6122d9c6=\"\" class=\"nav-scroll\"\u003e\u003c!----\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-301e84c2=\"\" data-v-48f8ed10=\"\" id=\"jHUsCN\" data-block-purpose=\"cart@^1.3.6\" class=\"w-block-wrapper\" type=\"block\" style=\"display: none;\"\u003e \u003cdiv data-v-301e84c2=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;\"\u003e\u003cdiv data-v-69ce6424=\"\" data-v-301e84c2=\"\" class=\"slideout-cart-container w-block 📚19-10-2rI2oH\" id=\"08340863-7d8a-11ed-a9d7-e13dc1221228\" layout=\"cart-1\" shortid=\"jHUsCN\" style=\"--maker-color-neutral-0: #f8f3e7; --maker-color-neutral-10: #eae5da; --maker-color-neutral-20: #918e87; --maker-color-neutral-80: #6d6b66; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f8f3e7; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;\"\u003e\u003cform data-v-69ce6424=\"\"\u003e\u003cdiv data-v-2e2967c3=\"\" data-v-5f79a3f4=\"\" data-v-69ce6424=\"\" class=\"blade-wrapper\" elements=\"[object Object]\" styles=\"[object Object]\" content-align=\"\" background=\"[object Object]\" style=\"--fulfillment-button-color: var(--maker-color-neutral-100);\"\u003e\u003c!----\u003e \u003cdiv data-v-2e2967c3=\"\" class=\"heading compact-style-heading\"\u003e\u003cdiv data-v-2e2967c3=\"\" class=\"heading-content\"\u003e\u003ch3 data-v-2e2967c3=\"\" class=\"heading-title\"\u003e\n\t\t\t\tPanier\n\t\t\t\u003c/h3\u003e \u003cdiv data-v-2e2967c3=\"\" class=\"icon-wrapper\"\u003e\u003cspan data-v-4700918e=\"\" data-v-2e2967c3=\"\" class=\"icon heading-icon 📚19-10-2vCfSe\" style=\"--color: currentColor; --icon-size: 16px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"m6.71 18.71 5.29-5.3 5.29 5.3 1.42-1.42-5.3-5.29 5.3-5.29-1.42-1.42-5.29 5.3-5.29-5.3-1.42 1.42 5.3 5.29-5.3 5.29 1.42 1.42Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-2e2967c3=\"\" class=\"banner\"\u003e\u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\"\u003e\u003c!----\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-2e2967c3=\"\" class=\"content\"\u003e\u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\" class=\"cart-middle\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-5f79a3f4=\"\" class=\"w-container cart-slideout-container col\" data-v-2e2967c3=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-5f79a3f4=\"\" class=\"w-cell row align--center\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" data-v-5f79a3f4=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy w-text--rendered\" data-v-6bcfc41e=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003eVous n’avez aucun article dans votre panier.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-2e2967c3=\"\" class=\"footing\" style=\"display: none;\"\u003e\u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\" class=\"cart-slideout-container__checkout js-cart-slideout-container__checkout\"\u003e\u003c!----\u003e \u003cbutton data-v-5f79a3f4=\"\" type=\"button\" disabled=\"disabled\" aria-disabled=\"true\" class=\"cart-slideout-container__checkout-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS 📚19-10-2vaDLi\" data-v-2e2967c3=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\t\t\tCaisse\n\t\t\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\" class=\"font--large continue-shopping\"\u003e\u003cbutton data-v-5f79a3f4=\"\" type=\"button\" class=\"📚19-10-2_xxoX 📚19-10-2t5BZq\" data-v-2e2967c3=\"\" style=\"--color: #245607;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2qfj5z\"\u003e\n\t\t\t\tContinuer à magasiner\n\t\t\t\u003c/span\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv data-v-5f79a3f4=\"\" class=\"cart-section__divider 📚19-10-2_q2yX\" data-v-2e2967c3=\"\" style=\"--divider-color: #918e87; --divider-size: 1px;\"\u003e\u003c/div\u003e \u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\" class=\"accepted-pay accepted-pay--new-line\"\u003e\u003cdiv data-v-5f79a3f4=\"\" data-v-2e2967c3=\"\" class=\"accepted-pay__text\"\u003e\n\t\t\t\tAccepté ici\n\t\t\t\u003c/div\u003e \u003cdiv data-v-37b9dd09=\"\" data-v-5f79a3f4=\"\" class=\"payment-methods\" data-v-2e2967c3=\"\"\u003e\u003c!----\u003e \u003cspan data-v-37b9dd09=\"\" class=\"square-pay\"\u003e\u003csvg data-v-37b9dd09=\"\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" class=\"square-pay__icon\"\u003e\u003cpath d=\"M3.446.032a3.961 3.961 0 0 0-2.264 1.149C.604 1.761.283 2.344.069 3.198c-.048.193-.052.778-.061 8.652-.009 7.364-.004 8.481.035 8.73a4.038 4.038 0 0 0 2.821 3.254c.606.175.079.166 9.132.166 9.237 0 8.592.014 9.242-.199a4.063 4.063 0 0 0 2.385-2.114c.149-.316.273-.713.32-1.03.017-.117.044-.235.059-.264.035-.065.038-16.833.004-16.812-.013.009-.04-.088-.058-.215a4.163 4.163 0 0 0-.644-1.618 4.874 4.874 0 0 0-.978-.999 4.384 4.384 0 0 0-1.146-.57c-.618-.19-.035-.179-9.21-.175-4.595.002-8.431.014-8.524.028M.015 12c0 4.628.003 6.522.007 4.208.005-2.315.005-6.101 0-8.415C.018 5.478.015 7.372.015 12m5.219-7.564a1.04 1.04 0 0 0-.388.213c-.18.144-.338.374-.406.592-.059.193-.06.263-.06 6.759s.001 6.566.06 6.759c.102.33.35.606.69.768l.165.078h13.41l.197-.097c.253-.123.483-.353.606-.606l.097-.197V5.295l-.097-.197a1.366 1.366 0 0 0-.606-.606l-.197-.097-6.66-.007c-6.372-.006-6.667-.004-6.811.048M9.27 8.728a.815.815 0 0 0-.351.217c-.199.208-.189.043-.189 3.04s-.01 2.832.189 3.04c.053.055.15.129.216.165l.12.065h5.49l.123-.066a.91.91 0 0 0 .361-.388c.034-.082.041-.579.041-2.816 0-2.997.01-2.832-.189-3.04a1.075 1.075 0 0 0-.216-.165l-.12-.065-2.7-.005c-1.485-.003-2.734.005-2.775.018\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/applepay.svg\" alt=\"Apple Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/googlepay.svg\" alt=\"Google Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/visa.svg\" alt=\"Visa\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/mastercard.svg\" alt=\"Mastercard\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/americanexpress.svg\" alt=\"American Express\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/discover.svg\" alt=\"Discover\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/jcb.svg\" alt=\"JCB\" class=\"supported-payment-method\"\u003e \u003c!----\u003e \u003c!----\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/interac.svg\" alt=\"Interac\" class=\"supported-payment-method\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/form\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-614c05a6=\"\" data-v-4436f4cd=\"\" class=\"w-container main-container col\"\u003e\u003cheader data-v-4436f4cd=\"\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-091f3071=\"\" data-v-4436f4cd=\"\" class=\"w-cell header-banner-wrapper row\" data-v-614c05a6=\"\" style=\"--transparent-header-height: 77px;\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-091f3071=\"\" id=\"QksgLY\" data-block-purpose=\"header\" class=\"w-block-wrapper header\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\"\u003e\u003cdiv data-v-3ec57e16=\"\" data-v-21e83d78=\"\" data-v-301e84c2=\"\" class=\"w-block-header header-block-wrapper w-block\" subnavcolor=\"--color-secondary-midnight-red-dHteAm\" id=\"08340861-7d8a-11ed-a9d7-e13dc1221228\" layout=\"header-5\" shortid=\"QksgLY\" textalign=\"\" style=\"--text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-3ec57e16=\"\" style=\"height: 0px;\"\u003e\u003c/div\u003e \u003cdiv data-v-3ec57e16=\"\" class=\"w-block-background\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); top: 0px; --sticky-header-bg-color: #f8f3e7;\"\u003e\u003cdiv data-v-21e83d78=\"\" class=\"w-header header-5 container header-content content-align--center\" style=\"text-align: left; min-height: auto; --icons-spacing: calc(var(--gutter-column) * 0.66);\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-21e83d78=\"\" class=\"w-container header__content-container row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-21e83d78=\"\" class=\"w-cell header__flex header__condensed col align--left\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-sm) * 1.5); margin-bottom: calc(var(--gutter-row-sm) * 1.5);\"\u003e\u003cdiv data-v-695112c6=\"\" data-v-21e83d78=\"\" class=\"header-animate__wrap header__logo\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" class=\"w-wrapper\" data-v-695112c6=\"\"\u003e \u003ca data-v-437bd440=\"\" target=\"_self\" href=\"http://presbytere-batiscan.com\" class=\"logo__link\" id=\"083bd090-7d8a-11ed-a9d7-e13dc1221228\" name=\"2023 VP hori sf 2022-1..._06.png\" original=\"/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\" data-v-ab1ca44a=\"\"\u003e\u003cspan data-v-23d6841e=\"\" data-v-437bd440=\"\" class=\"w-sitelogo\" data-wg-notranslate=\"\" style=\"text-align: inherit;\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-23d6841e=\"\" class=\"📚19-10-2emJCV mimage-no-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%); --width: 193.94539249146754px; --mobile-width: 100.61651877133104px;\"\u003e\u003c!----\u003e \u003cimg sizes=\"(min-width: 600px) 193.94539249146754px, 100.61651877133104px\" src=\"https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/2023%20VP%20hori%20sf%202022-12-19%2018_30_06_1671474621.png?width=2400\u0026amp;optimize=medium\" alt=\"Vieux presbytère de Batiscan logo\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-695112c6=\"\" data-v-21e83d78=\"\" class=\"header-animate__wrap header__navigation display-desktop hidden\" data-v-6bcfc41e=\"\"\u003e\u003c/div\u003e \u003cdiv data-v-6664d1e5=\"\" data-v-21e83d78=\"\" class=\"header__icons header__icons\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-695112c6=\"\" data-v-6664d1e5=\"\" class=\"header-animate__wrap header__button\"\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-6664d1e5=\"\" class=\"w-wrapper icons\"\u003e \u003cdiv data-v-695112c6=\"\" data-v-9820d1ea=\"\" data-v-6664d1e5=\"\" class=\"header-animate__wrap icon header__search\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-4bde60a8=\"\" data-v-9820d1ea=\"\" class=\"search-icon nav-icon nav-icon__search\" data-v-695112c6=\"\"\u003e\u003cbutton data-v-4bde60a8=\"\" type=\"button\" aria-label=\"Rechercher\" class=\"nav-btn search-icon__wrap\"\u003e\u003cspan data-v-4700918e=\"\" data-v-4bde60a8=\"\" class=\"icon 📚19-10-2vCfSe\" style=\"--color: var(--color-black); --icon-size: 24px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M10.5 17.5c1.57 0 3.02-.53 4.18-1.4l4.11 4.11 1.41-1.41-4.11-4.11a7 7 0 1 0-12.6-4.18 7 7 0 0 0 7.01 6.99Zm0-12a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e \u003cdiv data-v-6664d1e5=\"\" id=\"mini-cart-popover\" data-v-ab1ca44a=\"\" style=\"display: contents;\"\u003e\u003cdiv data-v-695112c6=\"\" data-v-670998c8=\"\" data-v-6664d1e5=\"\" class=\"header-animate__wrap icon header__cart\"\u003e\u003cbutton data-v-670998c8=\"\" data-v-695112c6=\"\" aria-label=\"Icône de panier\" aria-haspopup=\"true\" aria-controls=\"mini-cart-popover\" class=\"nav-btn cart-icon cart-icon__wrap mini-cart-icon\"\u003e\u003cspan data-v-4700918e=\"\" data-v-670998c8=\"\" class=\"icon 📚19-10-2vCfSe\" data-v-695112c6=\"\" style=\"--color: var(--color-black); --icon-size: 24px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 14a1 1 0 0 0-1 1 1 1 0 0 0 1 1h13v2H7a2.98 2.98 0 0 1-1.33-5.67L4 4H2V2h6v2h12l-2 10H7Zm9.36-2 1.2-6H6.44l1.2 6h8.72ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm9 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e \u003cdiv data-v-428eabae=\"\" data-v-21e83d78=\"\" class=\"search__wrap search__bar\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-428eabae=\"\" class=\"search-bar__wrap\"\u003e\u003cdiv data-v-50a1234d=\"\" data-v-428eabae=\"\" class=\"autocomplete-container search-bar\"\u003e\u003cdiv data-v-50a1234d=\"\" class=\"📚19-10-2rIy1g\"\u003e\u003cdiv class=\"📚19-10-2_FrL8 📚19-10-2_2TXJ\"\u003e\u003cinput placeholder=\"Rechercher\" aria-label=\"Rechercher\" class=\"📚19-10-2U4Dfn 📚19-10-2jZ_Vi\"\u003e \u003cspan class=\"📚19-10-2swXoB 📚19-10-2qI9Qu\"\u003e\u003cspan data-v-4700918e=\"\" data-v-50a1234d=\"\" class=\"icon icon-prefix 📚19-10-2vCfSe\" style=\"--color: currentColor; --icon-size: 24px; --fill: var(--color-secondary-soft-green-QrlqFY);\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M10.5 17.5c1.57 0 3.02-.53 4.18-1.4l4.11 4.11 1.41-1.41-4.11-4.11a7 7 0 1 0-12.6-4.18 7 7 0 0 0 7.01 6.99Zm0-12a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"📚19-10-2swXoB 📚19-10-2Du2TA\"\u003e\u003cspan data-v-4700918e=\"\" data-v-50a1234d=\"\" class=\"icon 📚19-10-2vCfSe\" style=\"--color: currentColor; --icon-size: 16px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"m6.71 18.71 5.29-5.3 5.29 5.3 1.42-1.42-5.3-5.29 5.3-5.29-1.42-1.42-5.29 5.3-5.29-5.3-1.42 1.42 5.3 5.29-5.3 5.29 1.42 1.42Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003c!----\u003e \u003cdiv data-v-74d80490=\"\" data-v-50a1234d=\"\" class=\"autocomplete-dropdown square__autocomplete_autocompleteDropdown--1EI-5\" value-key=\"name\" data-popper-placement=\"bottom\" style=\"display: none; position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(232px, 52px);\"\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-428eabae=\"\" class=\"search-bar__icon--close\"\u003e\u003cdiv data-v-4bde60a8=\"\" data-v-428eabae=\"\" class=\"nav-icon nav-icon__searchClose\"\u003e\u003cbutton data-v-4bde60a8=\"\" type=\"button\" aria-label=\"Fermer la recherche\" class=\"nav-btn\"\u003e\u003cspan data-v-4700918e=\"\" data-v-4bde60a8=\"\" class=\"icon 📚19-10-2vCfSe\" style=\"--color: var(--color-black); --icon-size: 24px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"m6.71 18.71 5.29-5.3 5.29 5.3 1.42-1.42-5.3-5.29 5.3-5.29-1.42-1.42-5.29 5.3-5.29-5.3-1.42 1.42 5.3 5.29-5.3 5.29 1.42 1.42Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-301e84c2=\"\" data-v-091f3071=\"\" id=\"fkdpLC\" data-block-purpose=\"banner\" class=\"w-block-wrapper banner\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #000000; --maker-color-neutral-10: #363636; --maker-color-neutral-20: #5b5b5b; --maker-color-neutral-80: #848484; --maker-color-neutral-90: #f1f1f1; --maker-color-neutral-100: #ffffff; --maker-color-primary: #558632; --maker-color-background: #000000; --maker-color-heading: #ffffff; --maker-color-body: #ffffff; --maker-color-elevation: #5b5b5b; --maker-color-overlay: rgba(255, 255, 255, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;\"\u003e\u003cdiv data-v-c28c44a2=\"\" data-v-301e84c2=\"\" class=\"banner-block-wrapper w-block\" id=\"08b0d981-7d8a-11ed-a9d7-e13dc1221228\" layout=\"banner-1\" shortid=\"fkdpLC\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c28c44a2=\"\" class=\"w-wrapper banner-slide-wrapper wrapper\"\u003e \u003cdiv data-v-c28c44a2=\"\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b3256484=\"\" data-v-7d258f40=\"\" data-v-20b0e156=\"\" role=\"img\" aria-label=\"\" original=\"/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg\" attribution=\"[object Object]\" class=\"w-image-block w-block-banner w-block banner-1 w-image-block--responsive w-background-dark\" imagemobile=\"[object Object]\" style=\"--bg-img-overlay: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)); --bg-position: 50% 50%; --bg-img-src: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=2400\u0026amp;optimize=medium\u0026quot;); --bg-img-src-400w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=400\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --bg-img-src-800w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=800\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --bg-img-src-1200w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=1200\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --bg-img-src-1600w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=1600\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --bg-img-src-2000w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=2000\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --bg-img-src-2400w: url(\u0026quot;https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/IMG_6623_1781719259.jpg?width=2400\u0026amp;optimize=medium\u0026amp;height=480\u0026amp;fit=cover\u0026amp;dpr=1\u0026quot;); --text-color: #245607; --text-color-10: #040901; --text-color-20: #081202; --text-color-30: #0b1a03; --text-color-40: #0f2303; --text-color-50: #122b04; --text-color-60: #163405; --text-color-70: #1a3d05; --text-color-80: #1d4506; --text-color-90: #214e07; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003c!----\u003e \u003cdiv data-v-20b0e156=\"\" data-v-46b85cd6=\"\" class=\"container content-align--center content-height--large\" style=\"text-align: left;\"\u003e\u003cdiv data-v-614c05a6=\"\" class=\"w-container row\" data-v-46b85cd6=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" class=\"w-cell col col-12 col-sm-6 col-lg-5\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-a10a13dc=\"\" class=\"element-group\" data-v-6bcfc41e=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-a10a13dc=\"\" class=\"w-wrapper\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" data-v-a10a13dc=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2_0Hav w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: rgb(185, 227, 156); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003ch1\u003eSpectacles de musique en pleine nature!\u003c/h1\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e \u003cdiv data-v-a10a13dc=\"\"\u003e\u003cdiv data-v-a10a13dc=\"\" class=\"button-group\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-a10a13dc=\"\" class=\"w-wrapper button-wrapper\"\u003e \u003ca data-v-e2a9ea0a=\"\" data-v-a10a13dc=\"\" type=\"button\" role=\"button\" href=\"https://presbyterebatiscan.recitsquifontjaser.com/la-programmation/\" rel=\"noopener noreferrer\" class=\"button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button w-button--button w-button--primary w-button--large w-button--full-width-mobile\" id=\"groups/0/button\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\u003c!----\u003e \u003cspan data-v-13004c05=\"\" data-v-df07630a=\"\" data-v-e2a9ea0a=\"\" pattern=\"inherit\" size=\"0\" element=\"div\" class=\"text-component text w-text--rendered\" style=\"--inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003eLa programmation\u003c/p\u003e\u003c/span\u003e \u003cspan data-v-e2a9ea0a=\"\"\u003e\u003c/span\u003e\u003c/span\u003e \u003c!----\u003e\u003c/a\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/header\u003e \u003cmain data-v-4436f4cd=\"\" data-v-614c05a6=\"\" class=\"main-content\"\u003e\u003c!----\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell user-content row main-content-wrapper\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-4436f4cd=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"kjJQVu\" data-block-purpose=\"featured-events\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-0d16f938=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" id=\"08b21204-7d8a-11ed-a9d7-e13dc1221228\" elements=\"\" layout=\"featured-events-stacked\" shortid=\"kjJQVu\" textalign=\"\" colorprofile=\"\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); --text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-0d16f938=\"\" class=\"featured-events-stacked container content-align--top\" style=\"text-align: center;\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-0d16f938=\"\" class=\"w-container col\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-3f8faed6=\"\" data-v-0d16f938=\"\" class=\"w-container section-details row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-3f8faed6=\"\" class=\"w-cell section-details-text col\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-3f8faed6=\"\" class=\"w-cell row\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3f8faed6=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003ch3\u003eLa finale du beau jeu !\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-3f8faed6=\"\" class=\"w-cell row\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-3f8faed6=\"\" class=\"w-cell col col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 offset-0 offset-sm-0 offset-md-2 offset-lg-2 offset-xl-2\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3f8faed6=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003eVivez la finale de la coupe du monde de soccer dans le pavillon Desjardins!\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-0d16f938=\"\" data-v-614c05a6=\"\" class=\"featured-event-items\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-0d16f938=\"\" class=\"w-cell row\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c7e387a2=\"\" data-v-0d16f938=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-c7e387a2=\"\" class=\"card featured-event 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-660d5dda=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper hover-fade-80 featured-event__image\"\u003e \u003cdiv data-v-d1ff8706=\"\" data-v-660d5dda=\"\" class=\"badge-on\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" data-v-660d5dda=\"\" class=\"\" data-v-d1ff8706=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--1_1 figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Finale de la Coupe du Monde de la FIFA 2026\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" srcset=\"https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=80\u0026amp;dpr=1 80w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=160\u0026amp;dpr=1 160w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=320\u0026amp;dpr=1 320w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=640\u0026amp;dpr=1 640w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=1280\u0026amp;dpr=1 1280w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=2560\u0026amp;dpr=1 2560w\" sizes=\"(max-width: 599px) 320px,(max-width: 839px) 640px,(max-width: 1199px) 1280px,(max-width: 1599px) 1280px,1280px\" src=\"https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/43P7Y3XDRRRK5FCB67TFJOCS.jpeg?width=2400\u0026amp;optimize=medium\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-c7e387a2=\"\" class=\"badge-around featured-event__details\" style=\"--000c4cfa: undefined; --84eec096: undefined;\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-22ff45a2=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper featured-event__title order-0 order-md-first\" data-v-b79373f8=\"\"\u003e \u003ch3 data-v-13004c05=\"\" data-v-22ff45a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tFinale de la Coupe du Monde de la FIFA 2026\n\t\u003c/h3\u003e\u003c/div\u003e \u003cdiv data-v-e2e5b844=\"\" data-v-c7e387a2=\"\" class=\"featured-event__date-time order-first order-md-0\" data-v-b79373f8=\"\"\u003e\u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__date 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\tdim. 19 juill.\n\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__time 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\t13 h 00\n\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-04527715=\"\" data-v-c7e387a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy stacked-layout\" data-v-b79373f8=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-04527715=\"\" class=\"w-wrapper featured-event__text\"\u003e \u003cp data-v-04527715=\"\" data-v-ab1ca44a=\"\"\u003eVieux presbytère de Batiscan\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-c7e387a2=\"\" class=\"featured-event__button-wrapper\"\u003e\u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"gmCJZY\" data-block-purpose=\"featured-events@^1.0.0\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #f8f3e7; --maker-color-neutral-10: #eae5da; --maker-color-neutral-20: #918e87; --maker-color-neutral-80: #6d6b66; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f8f3e7; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-0d16f938=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" id=\"629b6d61-4e0d-11f0-ae48-533bdebca585\" elements=\"\" layout=\"featured-events-stacked\" shortid=\"gmCJZY\" colorprofile=\"custom-profile\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); --text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-0d16f938=\"\" class=\"featured-events-stacked container content-align--top\" style=\"text-align: center;\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-0d16f938=\"\" class=\"w-container col\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-3f8faed6=\"\" data-v-0d16f938=\"\" class=\"w-container section-details row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-3f8faed6=\"\" class=\"w-cell section-details-text col\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-3f8faed6=\"\" class=\"w-cell row\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3f8faed6=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003ch3\u003eÉvénements\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-3f8faed6=\"\" class=\"w-cell row\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-3f8faed6=\"\" class=\"w-cell col col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 offset-0 offset-sm-0 offset-md-2 offset-lg-2 offset-xl-2\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3f8faed6=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003eDécouvrez le programme à venir et offrez-vous un moment privilégié.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-0d16f938=\"\" data-v-614c05a6=\"\" class=\"featured-event-items\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-0d16f938=\"\" class=\"w-cell row\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c7e387a2=\"\" data-v-0d16f938=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-c7e387a2=\"\" class=\"card featured-event 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-660d5dda=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper hover-fade-80 featured-event__image\"\u003e \u003cdiv data-v-d1ff8706=\"\" data-v-660d5dda=\"\" class=\"badge-on\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" data-v-660d5dda=\"\" class=\"\" data-v-d1ff8706=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--1_1 figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Une nuit au Brésil avec Voix de pasaj\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" srcset=\"https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=80\u0026amp;dpr=1 80w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=160\u0026amp;dpr=1 160w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=320\u0026amp;dpr=1 320w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=640\u0026amp;dpr=1 640w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=1280\u0026amp;dpr=1 1280w, https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=2560\u0026amp;dpr=1 2560w\" sizes=\"(max-width: 599px) 320px,(max-width: 839px) 640px,(max-width: 1199px) 1280px,(max-width: 1599px) 1280px,1280px\" src=\"https://137149695.cdn6.editmysite.com/uploads/1/3/7/1/137149695/LZISHP2Q72T3FFVZIVOPZ4Z6.jpeg?width=2400\u0026amp;optimize=medium\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-d1ff8706=\"\" class=\"badge-container\"\u003e\u003c!----\u003e \u003c!----\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-c7e387a2=\"\" class=\"badge-around featured-event__details\" style=\"--000c4cfa: center; --84eec096: normal;\"\u003e\u003cdiv data-v-b79373f8=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-22ff45a2=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper featured-event__title order-0 order-md-first\" data-v-b79373f8=\"\"\u003e \u003ch3 data-v-13004c05=\"\" data-v-22ff45a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tUne nuit au Brésil avec Voix de pasaj\n\t\u003c/h3\u003e\u003c/div\u003e \u003cdiv data-v-e2e5b844=\"\" data-v-c7e387a2=\"\" class=\"featured-event__date-time order-first order-md-0\" data-v-b79373f8=\"\"\u003e\u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__date 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\tjeu. 16 juill.\n\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__time 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\t19 h 30\n\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-04527715=\"\" data-v-c7e387a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy stacked-layout text-with-stock-badge\" data-v-b79373f8=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-04527715=\"\" class=\"w-wrapper featured-event__text\"\u003e \u003cp data-v-04527715=\"\" data-v-ab1ca44a=\"\"\u003eVieux presbytère de Batiscan - Pavillon Desjardins\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-b79373f8=\"\" class=\"w-wrapper badge-row\"\u003e \u003cspan data-v-c4d1fc68=\"\" data-v-b79373f8=\"\" class=\"item-badge 📚19-10-2uGevg 📚19-10-2MXP4r\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(217, 43, 43);\"\u003e\u003cspan\u003e\n\tStock faible\n\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-c7e387a2=\"\" class=\"featured-event__button-wrapper\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper\"\u003e \u003cbutton data-v-438faef7=\"\" type=\"submit\" class=\"w-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400; width: 100%;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tObtenir des billets\n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-0d16f938=\"\" class=\"w-cell row\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c7e387a2=\"\" data-v-0d16f938=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-c7e387a2=\"\" class=\"card featured-event 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-660d5dda=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper hover-fade-80 featured-event__image\"\u003e \u003cdiv data-v-d1ff8706=\"\" data-v-660d5dda=\"\" class=\"badge-on\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" data-v-660d5dda=\"\" class=\"\" data-v-d1ff8706=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--1_1 figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Soirée musicale avec Marika Sokoluk et Manon Chénard-Marcotte\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-c7e387a2=\"\" class=\"badge-around featured-event__details\" style=\"--000c4cfa: undefined; --84eec096: undefined;\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-22ff45a2=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper featured-event__title order-0 order-md-first\" data-v-b79373f8=\"\"\u003e \u003ch3 data-v-13004c05=\"\" data-v-22ff45a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tSoirée musicale avec Marika Sokoluk et Manon Chénard-Marcotte\n\t\u003c/h3\u003e\u003c/div\u003e \u003cdiv data-v-e2e5b844=\"\" data-v-c7e387a2=\"\" class=\"featured-event__date-time order-first order-md-0\" data-v-b79373f8=\"\"\u003e\u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__date 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\tjeu. 6 août\n\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-2ed0fbcb=\"\" data-v-e2e5b844=\"\" class=\"text-component tag featured-event__time 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\t19 h 30\n\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-13004c05=\"\" data-v-04527715=\"\" data-v-c7e387a2=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy stacked-layout\" data-v-b79373f8=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-04527715=\"\" class=\"w-wrapper featured-event__text\"\u003e \u003cp data-v-04527715=\"\" data-v-ab1ca44a=\"\"\u003eVieux presbytère de Batiscan - Pavillon Desjardins\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-c7e387a2=\"\" class=\"featured-event__button-wrapper\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-c7e387a2=\"\" class=\"w-wrapper\"\u003e \u003cbutton data-v-438faef7=\"\" type=\"submit\" class=\"w-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400; width: 100%;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tObtenir des billets\n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"FmzABq\" data-block-purpose=\"donation\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #f2f5ef; --maker-color-neutral-10: #e4e7e2; --maker-color-neutral-20: #8d8f8c; --maker-color-neutral-80: #6b6c6a; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f2f5ef; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" id=\"08b21203-7d8a-11ed-a9d7-e13dc1221228\" elements=\"\" layout=\"donation-text\" shortid=\"FmzABq\" style=\"background-color: var(--primary-subtle-light); --text-color: #245607; --text-color-10: #dee6d8; --text-color-20: #c9d6c1; --text-color-30: #b5c6aa; --text-color-40: #a0b693; --text-color-50: #8ba67b; --text-color-60: #779664; --text-color-70: #62864d; --text-color-80: #4e7636; --text-color-90: #39661f; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv class=\"donations-grid__purpose container content-align--top\" style=\"text-align: left;\"\u003e\u003cdiv data-v-614c05a6=\"\" class=\"w-container row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" class=\"w-cell col\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 3); margin-bottom: calc(var(--gutter-row-lg) * 3);\"\u003e\u003cdiv data-v-614c05a6=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-1d10a862=\"\" class=\"w-wrapper\" sample=\"[object Object]\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-614c05a6=\"\" data-v-1d10a862=\"\" class=\"w-container row\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-1d10a862=\"\" class=\"w-cell col col-12 col-md-8 cell--empty\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-1d10a862=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-38a83a30=\"\" data-v-1d10a862=\"\" ready=\"true\" class=\"donation__title\" data-v-ab1ca44a=\"\"\u003e\u003ch3 data-v-13004c05=\"\" data-v-38a83a30=\"\" class=\"text-component w-product-title 📚19-10-2uGevg 📚19-10-2NNp1l\" title=\"Supporter le Vieux presbytère\" highlightstring=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\t\t\tSupporter le Vieux presbytère\n\t\t\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-1d10a862=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-2f45b973=\"\" data-v-1d10a862=\"\" class=\"w-product-description__wrapper donation__description\" tag=\"p\" ready=\"true\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-13004c05=\"\" data-v-2f45b973=\"\" class=\"text-component w-product-description 📚19-10-2uGevg 📚19-10-2W7uVy\" content=\"La Vieux presbytère de Batiscan peut recevoir des dons, legs et autres contributions de même nature en argent, valeurs mobilières ou immobilières.\nPour faire un don et bénéficier d’un crédit d’impôt, communiquez avec nous, par téléphone (418 362-2051) ou par courriel (communication@presbytere-batiscan.com)\" highlightstring=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\u003cspan data-v-2f45b973=\"\"\u003eLa Vieux presbytère de Batiscan peut recevoir des dons, legs et autres contributions de même nature en argent, valeurs mobilières ou immobilières.\nPour faire un don et bénéficier d’un crédit d’impôt, communiquez avec nous, par téléphone (418 362-2051) ou par courriel (communication@presbytere-batiscan.com)\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cp data-v-1d10a862=\"\" data-v-ab1ca44a=\"\" class=\"donation-amount__text\"\u003e\n\t\t\tMontant du don\n\t\t\u003c/p\u003e \u003c!----\u003e \u003cdiv data-v-b612cc0c=\"\" data-v-1d10a862=\"\" class=\"donation__option\" data-v-ab1ca44a=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-b612cc0c=\"\" class=\"form-item form-donation\" style=\"max-width: 100%;\"\u003e\u003cfieldset data-v-63415c67=\"\" data-v-b612cc0c=\"\" id=\"be3d96d0-7e8a-11f1-a527-cb49dea95dfb\" class=\"donation-group\" font-size=\"small\" font-decorations=\"\"\u003e\u003cdiv data-v-63415c67=\"\" class=\"form-donation\" style=\"--donation-select-bg: var(--primary-color); --donation-select-color: var(--color-white);\"\u003e\u003cdiv data-v-54e2e9da=\"\" data-v-63415c67=\"\" class=\"w-grid form-donation__container visible\" style=\"--grid-columns-xs: 2; --grid-columns-sm: 4; --grid-columns-md: 6; --grid-columns-lg: 8; --grid-columns-xl: 10; --grid-column-gap-xs: calc(var(--gutter-column) * 0.5); --grid-column-gap-sm: calc(var(--gutter-column) * 0.5); --grid-column-gap-md: calc(var(--gutter-column) * 0.5); --grid-column-gap-lg: calc(var(--gutter-column) * 0.5); --grid-column-gap-xl: calc(var(--gutter-column) * 0.5); --grid-row-gap-xs: calc(var(--gutter-column) * 0.5); --grid-row-gap-sm: calc(var(--gutter-column) * 0.5); --grid-row-gap-md: calc(var(--gutter-column) * 0.5); --grid-row-gap-lg: calc(var(--gutter-column) * 0.5); --grid-row-gap-xl: calc(var(--gutter-column) * 0.5); --grid-vertical-align: start;\"\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cinput data-v-63415c67=\"\" data-v-54e2e9da=\"\" id=\"ab9b0a2bc4f7a068bf2d76f26f3db4027\" name=\"be3d96d0-7e8a-11f1-a527-cb49dea95dfb\" type=\"radio\" class=\"form-donation__input\" value=\"WQ3IEUE6Y5CESNMY3KK5WHTQ\"\u003e \u003clabel data-v-63415c67=\"\" data-v-54e2e9da=\"\" for=\"ab9b0a2bc4f7a068bf2d76f26f3db4027\" class=\"form-donation__control\"\u003e\n\t\t\t\t\t\tCAD$10.00\n\t\t\t\t\t\u003c/label\u003e\u003c/div\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cinput data-v-63415c67=\"\" data-v-54e2e9da=\"\" id=\"a182b9a5a8d53919fc47c17d2a0cbef74\" name=\"be3d96d0-7e8a-11f1-a527-cb49dea95dfb\" type=\"radio\" class=\"form-donation__input\" value=\"ROPAWSBIH6CYBTDG74WD4OUM\"\u003e \u003clabel data-v-63415c67=\"\" data-v-54e2e9da=\"\" for=\"a182b9a5a8d53919fc47c17d2a0cbef74\" class=\"form-donation__control\"\u003e\n\t\t\t\t\t\tCAD$20.00\n\t\t\t\t\t\u003c/label\u003e\u003c/div\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cinput data-v-63415c67=\"\" data-v-54e2e9da=\"\" id=\"a6fe60fc65b6626048e6dea5d2d751c46\" name=\"be3d96d0-7e8a-11f1-a527-cb49dea95dfb\" type=\"radio\" class=\"form-donation__input\" value=\"Z2QSETBBUQKIS33WV2VWZ4NK\"\u003e \u003clabel data-v-63415c67=\"\" data-v-54e2e9da=\"\" for=\"a6fe60fc65b6626048e6dea5d2d751c46\" class=\"form-donation__control\"\u003e\n\t\t\t\t\t\tCAD$50.00\n\t\t\t\t\t\u003c/label\u003e\u003c/div\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cinput data-v-63415c67=\"\" data-v-54e2e9da=\"\" id=\"aa2c6907f566d44c4ef4864fb241b314a\" name=\"be3d96d0-7e8a-11f1-a527-cb49dea95dfb\" type=\"radio\" class=\"form-donation__input\" value=\"PMRXDESR6N2ZJ4OUAT7ZLFAQ\"\u003e \u003clabel data-v-63415c67=\"\" data-v-54e2e9da=\"\" for=\"aa2c6907f566d44c4ef4864fb241b314a\" class=\"form-donation__control\"\u003e\n\t\t\t\t\t\tCAD$100.00\n\t\t\t\t\t\u003c/label\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/fieldset\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-1d10a862=\"\" class=\"w-wrapper\"\u003e \u003cform data-v-7cd3f676=\"\" data-v-1d10a862=\"\" action=\"#\" novalidate=\"novalidate\" data-v-ab1ca44a=\"\"\u003e\u003cbutton data-v-7cd3f676=\"\" type=\"button\" data-dd-action-name=\"add-to-cart\" class=\"cart-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2pt7y9 📚19-10-2_N8aS\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tFaire un don\n\t\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/form\u003e\u003c/div\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"wpgrCG\" data-block-purpose=\"membership@^1.0.0\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-01784c29=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" id=\"0f2e5651-7fd5-11ed-93d2-431a66588096\" elements=\"\" layout=\"membership-grid\" shortid=\"wpgrCG\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); --text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-01784c29=\"\" class=\"membership-grid container content-align--top\" style=\"text-align: center;\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-01784c29=\"\" class=\"w-container col\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-01784c29=\"\" class=\"w-cell row\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 1);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-01784c29=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2NNp1l w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003ch3\u003eDevenir membre\u003c/h3\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-01784c29=\"\" class=\"w-cell row\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 0); margin-bottom: calc(var(--gutter-row-lg) * 2);\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-01784c29=\"\" class=\"w-cell col col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 offset-0 offset-sm-0 offset-md-2 offset-lg-2 offset-xl-2\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-01784c29=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003eDevenez membre du Vieux presbytère de Batiscan et profitez de nombreux avantages!\u0026nbsp;\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-614c05a6=\"\" data-v-01784c29=\"\" class=\"w-container row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-01784c29=\"\" class=\"w-cell col col-12 col-sm-12 col-md-18 col-lg-12 col-xl-12 offset-0 offset-sm-0 offset-md-0 offset-lg-0 offset-xl-0\" data-v-614c05a6=\"\" style=\"padding-left: calc(var(--gutter-column-lg) * 0); padding-right: calc(var(--gutter-column-lg) * 0);\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-01784c29=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-01784c29=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-54e2e9da=\"\" data-v-01784c29=\"\" class=\"w-grid visible\" data-v-6bcfc41e=\"\" style=\"--grid-columns-xs: 1; --grid-columns-sm: 1; --grid-columns-md: 3; --grid-columns-lg: 3; --grid-columns-xl: 3; --grid-column-gap-xs: calc(var(--gutter-column) * 1); --grid-column-gap-sm: calc(var(--gutter-column) * 1); --grid-column-gap-md: calc(var(--gutter-column) * 1); --grid-column-gap-lg: calc(var(--gutter-column) * 1); --grid-column-gap-xl: calc(var(--gutter-column) * 1); --grid-row-gap-xs: calc(var(--gutter-column) * 1); --grid-row-gap-sm: calc(var(--gutter-column) * 1); --grid-row-gap-md: calc(var(--gutter-column) * 1); --grid-row-gap-lg: calc(var(--gutter-column) * 1); --grid-row-gap-xl: calc(var(--gutter-column) * 1); --grid-vertical-align: start;\"\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper text-is-visible\" data-v-54e2e9da=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-3188396e=\"\" class=\"card membership 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-d1ff8706=\"\" data-v-3188396e=\"\" class=\"badge-on\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper hover-fade-80 membership__image\" data-v-d1ff8706=\"\"\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--force-center figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Membre (individuel)\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-3188396e=\"\" class=\"badge-around membership__details\" style=\"--000c4cfa: undefined; --84eec096: undefined;\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper\" data-v-b79373f8=\"\"\u003e \u003ch2 data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO product-price__wrapper\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; cursor: default;\"\u003e\u003c!----\u003e \u003cspan data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO\" style=\"font-size: inherit; --mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: inherit;\"\u003e\n\t\tCAD$10\n\t\t\u003c!----\u003e\u003c/span\u003e \u003c!----\u003e \u003c/h2\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__title\" data-v-b79373f8=\"\"\u003e \u003cp data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tMembre (individuel)\n\t\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__button\"\u003e \u003cbutton data-v-438faef7=\"\" type=\"submit\" class=\"w-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large w-button--full-width-mobile w-button--truncate-text\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400; width: 100%; max-width: inherit;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tSélectionnez \n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper description membership__text\"\u003e \u003cdiv data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2EEwzY\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; text-align: left;\"\u003e\u003cp\u003eVous bénéficierez :\u003c/p\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003eVisite gratuite du Vieux presbytère de Batiscan, du Domaine seigneurial Sainte-Anne (site Madeleine de Verchères) et du Moulin seigneurial de Pointe-du-Lac\u003c/li\u003e\u003cli\u003eRéduction de 50 % pour les visiteurs qui vous accompagnent (maximum de 3)\u003c/li\u003e\u003cli\u003eRabais de 15 % sur la location de la salle et du pavillon\u003c/li\u003e\u003cli\u003eAccès à l'infolettre\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cp\u003eL'abonnement est valide un (1) an.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper text-is-visible\" data-v-54e2e9da=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-3188396e=\"\" class=\"card membership 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-d1ff8706=\"\" data-v-3188396e=\"\" class=\"badge-on\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper hover-fade-80 membership__image\" data-v-d1ff8706=\"\"\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--force-center figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Membre corporatif\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-3188396e=\"\" class=\"badge-around membership__details\" style=\"--000c4cfa: undefined; --84eec096: undefined;\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper\" data-v-b79373f8=\"\"\u003e \u003ch2 data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO product-price__wrapper\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; cursor: default;\"\u003e\u003c!----\u003e \u003cspan data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO\" style=\"font-size: inherit; --mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: inherit;\"\u003e\n\t\tCAD$50\n\t\t\u003c!----\u003e\u003c/span\u003e \u003c!----\u003e \u003c/h2\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__title\" data-v-b79373f8=\"\"\u003e \u003cp data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tMembre corporatif\n\t\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__button\"\u003e \u003cbutton data-v-438faef7=\"\" type=\"submit\" class=\"w-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large w-button--full-width-mobile w-button--truncate-text\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400; width: 100%; max-width: inherit;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tSélectionnez \n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper description membership__text\"\u003e \u003cdiv data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2EEwzY\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; text-align: left;\"\u003e\u003cp\u003eVous bénéficierez :\u003c/p\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003eVisite gratuite du Vieux presbytère de Batiscan, du Domaine seigneurial Sainte-Anne (site Madeleine de Verchères) et du Moulin seigneurial de Pointe-du-Lac\u003c/li\u003e\u003cli\u003eRéduction de 50 % pour les visiteurs qui vous accompagnent (maximum de 3)\u003c/li\u003e\u003cli\u003eRabais de 15 % sur la location de la salle et du pavillon\u003c/li\u003e\u003cli\u003eAccès à l'infolettre\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cp\u003eL'abonnement est valide un (1) an.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-v-54e2e9da=\"\" class=\"grid__item\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper text-is-visible\" data-v-54e2e9da=\"\"\u003e \u003cdiv data-v-0df5c40e=\"\" data-v-3188396e=\"\" class=\"card membership 📚19-10-2rI2oH item-card hover-fade-80 square__card-item_itemCard--1n9Op square__card-item_light--25P4q square__container-item_light--3KXap has-reduced-margins\" type=\"item\" data-v-ab1ca44a=\"\" style=\"--maker-color-neutral-0: #ffffff; --maker-color-neutral-10: #f1f1f1; --maker-color-neutral-20: #949494; --maker-color-neutral-80: #707070; --maker-color-neutral-90: #1b1b1b; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #ffffff; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-d1ff8706=\"\" data-v-3188396e=\"\" class=\"badge-on\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper hover-fade-80 membership__image\" data-v-d1ff8706=\"\"\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"product-image__link-wrapper\"\u003e\u003cdiv data-v-b4e59de6=\"\" class=\"figure__aspect-ratio figure__aspect-ratio--force-center figure__shape--squared\" style=\"--image-aspect-ratio: 1 / 1;\"\u003e\u003c!----\u003e \u003cdiv data-v-b4e59de6=\"\" class=\"figure__image\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-b4e59de6=\"\" class=\"📚19-10-2emJCV mimage-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%);\"\u003e\u003c!----\u003e \u003cimg alt=\"Membre individuel (à vie)\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-b79373f8=\"\" data-v-3188396e=\"\" class=\"badge-around membership__details\" style=\"--000c4cfa: undefined; --84eec096: undefined;\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper\" data-v-b79373f8=\"\"\u003e \u003ch2 data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO product-price__wrapper\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; cursor: default;\"\u003e\u003c!----\u003e \u003cspan data-v-13004c05=\"\" data-v-36793a44=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2TxSrO\" style=\"font-size: inherit; --mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400; color: inherit;\"\u003e\n\t\tCAD$75\n\t\t\u003c!----\u003e\u003c/span\u003e \u003c!----\u003e \u003c/h2\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__title\" data-v-b79373f8=\"\"\u003e \u003cp data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Rock Salt\u0026quot;; font-weight: 400;\"\u003e\n\t\tMembre individuel (à vie)\n\t\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper membership__button\"\u003e \u003cbutton data-v-438faef7=\"\" type=\"submit\" class=\"w-button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large w-button--full-width-mobile w-button--truncate-text\" data-v-ab1ca44a=\"\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400; width: 100%; max-width: inherit;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tSélectionnez \n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv data-v-ab1ca44a=\"\" data-v-3188396e=\"\" class=\"w-wrapper description membership__text\"\u003e \u003cdiv data-v-13004c05=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2EEwzY\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; text-align: left;\"\u003e\u003cp\u003eVous bénéficierez :\u003c/p\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003eVisite gratuite du Vieux presbytère de Batiscan, du Domaine seigneurial Sainte-Anne (site Madeleine de Verchères) et du Moulin seigneurial de Pointe-du-Lac\u003c/li\u003e\u003cli\u003eRéduction de 50 % pour les visiteurs qui vous accompagnent (maximum de 3)\u003c/li\u003e\u003cli\u003eRabais de 15 % sur la location de la salle et du pavillon\u003c/li\u003e\u003cli\u003eAccès à l'infolettre\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\u003cbr\u003e\u003c/p\u003e\u003cp\u003eL'abonnement est valide à vie.\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/main\u003e \u003cfooter data-v-4436f4cd=\"\" data-v-614c05a6=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"mVaxqs\" data-block-purpose=\"footer\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\" class=\"📚19-10-2rI2oH\" style=\"--maker-color-neutral-0: #f8f3e7; --maker-color-neutral-10: #eae5da; --maker-color-neutral-20: #918e87; --maker-color-neutral-80: #6d6b66; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f8f3e7; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-20b0e156=\"\" data-v-f2727a24=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" layout=\"footer-7\" shortid=\"mVaxqs\" colorprofile=\"custom-profile\" style=\"background-color: var(--color-secondary-midnight-red-dHteAm); --text-color: #245607; --text-color-10: #e3e4d1; --text-color-20: #ced4bb; --text-color-30: #b9c4a4; --text-color-40: #a4b58e; --text-color-50: #8ea577; --text-color-60: #799561; --text-color-70: #64864b; --text-color-80: #4f7634; --text-color-90: #3a661e; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-20b0e156=\"\" class=\"container content-align--center\" style=\"text-align: left;\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container col\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container align-flex-end row\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-f2727a24=\"\" class=\"w-cell col col-12 col-sm-6 align--center-xs align--left-sm align--left-md align--left-lg align--left-xl\" data-v-614c05a6=\"\" style=\"margin-bottom: calc(var(--gutter-row-sm) * 0);\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-f2727a24=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003ca data-v-437bd440=\"\" data-v-f2727a24=\"\" target=\"_self\" href=\"http://presbytere-batiscan.com\" class=\"logo__link\" id=\"088c3a84-7d8a-11ed-a9d7-e13dc1221228\" name=\"2023 VP hori sf 2022-1..._06.png\" original=\"/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\" button=\"[object Object]\" data-v-ab1ca44a=\"\"\u003e\u003cspan data-v-23d6841e=\"\" data-v-437bd440=\"\" class=\"w-sitelogo\" data-wg-notranslate=\"\" style=\"text-align: inherit;\"\u003e\u003cdiv data-v-46b85cd6=\"\" data-v-23d6841e=\"\" class=\"📚19-10-2emJCV mimage-no-lazyLoad\" style=\"--maker-image-hexagon: polygon(50% 0, 93.3012701892219% 25%, 93.3012701892219% 75%, 50% 100%, 6.69872981077807% 75%, 6.69872981077807% 25%); --width: 246.839590443686px; --mobile-width: 120.36368600682593px;\"\u003e\u003c!----\u003e \u003cimg sizes=\"(min-width: 600px) 246.839590443686px, 120.36368600682593px\" src=\"https://70854198d17c2bb8e8f3.cdn6.editmysite.com/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/2023%20VP%20hori%20sf%202022-12-19%2018_30_06_1671474621.png?width=2400\u0026amp;optimize=medium\" alt=\"Vieux presbytère de Batiscan logo\" class=\"📚19-10-2j_xX0 📚19-10-2NojeF 📚19-10-2_7QZj\" style=\"--image-height: 0px; --image-object-fit: cover; --image-object-position: center; opacity: 1;\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-f2727a24=\"\" class=\"w-cell col col-12 col-sm-4 align--center-xs align--right-sm align--right-md align--right-lg align--right-xl offset-0 offset-sm-2\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-f2727a24=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-245e75b5=\"\" data-v-f2727a24=\"\" id=\"088c3a86-7d8a-11ed-a9d7-e13dc1221228\" button=\"[object Object]\" data-v-ab1ca44a=\"\"\u003e\u003ca data-v-245e75b5=\"\" href=\"mailto:info@recitsquifontjaser.com\" rel=\"noopener noreferrer\"\u003e\u003csvg data-v-245e75b5=\"\" width=\"24px\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" class=\"icon\"\u003e\u003ctitle\u003e\n\t\tAdresse courriel\n\t\u003c/title\u003e \u003cuse xlink:href=\"#email-icon\" style=\"--background-fill: white; --icon-fill: #000000;\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/a\u003e\u003ca data-v-245e75b5=\"\" href=\"https://www.facebook.com/vieuxpresbyterebatiscan\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003csvg data-v-245e75b5=\"\" width=\"24px\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" class=\"icon\"\u003e\u003ctitle\u003e\n\t\tFacebook\n\t\u003c/title\u003e \u003cuse xlink:href=\"#facebook-icon\" style=\"--background-fill: white; --icon-fill: #3b5998;\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003chr data-v-2b9c9aba=\"\" data-v-f2727a24=\"\" class=\"divider\" data-v-6bcfc41e=\"\"\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container align-flex-end row\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-f2727a24=\"\" class=\"w-cell col col-12 col-sm-6 align--center-xs align--left-sm align--left-md align--left-lg align--left-xl\" data-v-614c05a6=\"\" style=\"margin-bottom: calc(var(--gutter-row-sm) * 0);\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003c!----\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-f2727a24=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cform data-v-11ca810a=\"\" data-v-f2727a24=\"\" action=\"/app/cms/api/v1/schemas/4c630d20-a037-11ef-b488-41515355a6d4/entries\" method=\"post\" data-v-ab1ca44a=\"\"\u003e\u003cdiv data-v-11ca810a=\"\" class=\"form__row row\"\u003e\u003cdiv data-v-437b11dc=\"\" data-v-11ca810a=\"\" meta=\"[object Object]\"\u003e\u003cdiv data-v-437b11dc=\"\" class=\"action-button\"\u003e\u003cdiv data-v-437b11dc=\"\" class=\"action-button__input 📚19-10-2rIy1g\"\u003e\u003cdiv class=\"📚19-10-2_FrL8 📚19-10-2_2TXJ\"\u003e\u003cinput name=\"4c62bf00-a037-11ef-b488-41515355a6d4\" type=\"email\" label=\"Adresse courriel\" required=\"required\" placeholder=\"Adresse courriel\" properties=\"[object Object]\" class=\"📚19-10-2U4Dfn 📚19-10-2jZ_Vi\"\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cbutton data-v-438faef7=\"\" data-v-437b11dc=\"\" type=\"submit\" class=\"w-button action-button__button 📚19-10-2vQBWk 📚19-10-2wcHKQ 📚19-10-2S6z9M 📚19-10-2_N8aS w-button--button w-button--primary w-button--large\" style=\"--color-main: #245607; --color-contrast: #ffffff; --color-hover: #347c0a; --color-active: #44a10d; --color-focus: #2456074d; --border-radius: 100px; --border-radius-hover: 100px; --border-width: 0px; --border-width-hover: 0px; --font-family: \u0026quot;Courier Prime\u0026quot;; --font-weight: 400; --font-family-hover: \u0026quot;Courier Prime\u0026quot;; --font-weight-hover: 400;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2DK0_A 📚19-10-2O_pqx\"\u003e\n\t\tS’inscrire\n\t\u003c/span\u003e \u003c!----\u003e\u003c/button\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-351dc09f=\"\" data-v-11ca810a=\"\" class=\"recaptcha-terms recaptcha-terms\"\u003eCe formulaire est protégé par reCAPTCHA. La \u003ca rel=\"noreferrer noopener\" href=\"https://policies.google.com/privacy\" target=\"_blank\"\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca rel=\"noreferrer noopener\" href=\"https://policies.google.com/terms\" target=\"_blank\"\u003econditions d'utilisation\u003c/a\u003e de Google s'appliquent.\u003c/div\u003e \u003c!----\u003e\u003c/form\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-f2727a24=\"\" class=\"w-cell col col-12 col-sm-4 align--center-xs align--right-sm align--right-md align--right-lg align--right-xl offset-0 offset-sm-2\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container col\" data-v-6bcfc41e=\"\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell row align--center-xs align--right-sm align--right-md align--right-lg align--right-xl\" data-v-614c05a6=\"\" style=\"margin-bottom: calc(var(--gutter-row-sm) * 2);\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-f2727a24=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-37b9dd09=\"\" data-v-f2727a24=\"\" class=\"payment-methods\" data-v-ab1ca44a=\"\"\u003e\u003c!----\u003e \u003cspan data-v-37b9dd09=\"\" class=\"square-pay\"\u003e\u003csvg data-v-37b9dd09=\"\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" class=\"square-pay__icon\"\u003e\u003cpath d=\"M3.446.032a3.961 3.961 0 0 0-2.264 1.149C.604 1.761.283 2.344.069 3.198c-.048.193-.052.778-.061 8.652-.009 7.364-.004 8.481.035 8.73a4.038 4.038 0 0 0 2.821 3.254c.606.175.079.166 9.132.166 9.237 0 8.592.014 9.242-.199a4.063 4.063 0 0 0 2.385-2.114c.149-.316.273-.713.32-1.03.017-.117.044-.235.059-.264.035-.065.038-16.833.004-16.812-.013.009-.04-.088-.058-.215a4.163 4.163 0 0 0-.644-1.618 4.874 4.874 0 0 0-.978-.999 4.384 4.384 0 0 0-1.146-.57c-.618-.19-.035-.179-9.21-.175-4.595.002-8.431.014-8.524.028M.015 12c0 4.628.003 6.522.007 4.208.005-2.315.005-6.101 0-8.415C.018 5.478.015 7.372.015 12m5.219-7.564a1.04 1.04 0 0 0-.388.213c-.18.144-.338.374-.406.592-.059.193-.06.263-.06 6.759s.001 6.566.06 6.759c.102.33.35.606.69.768l.165.078h13.41l.197-.097c.253-.123.483-.353.606-.606l.097-.197V5.295l-.097-.197a1.366 1.366 0 0 0-.606-.606l-.197-.097-6.66-.007c-6.372-.006-6.667-.004-6.811.048M9.27 8.728a.815.815 0 0 0-.351.217c-.199.208-.189.043-.189 3.04s-.01 2.832.189 3.04c.053.055.15.129.216.165l.12.065h5.49l.123-.066a.91.91 0 0 0 .361-.388c.034-.082.041-.579.041-2.816 0-2.997.01-2.832-.189-3.04a1.075 1.075 0 0 0-.216-.165l-.12-.065-2.7-.005c-1.485-.003-2.734.005-2.775.018\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/applepay.svg\" alt=\"Apple Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/googlepay.svg\" alt=\"Google Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/visa.svg\" alt=\"Visa\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/mastercard.svg\" alt=\"Mastercard\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/americanexpress.svg\" alt=\"American Express\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/discover.svg\" alt=\"Discover\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/jcb.svg\" alt=\"JCB\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/afterpay.svg\" alt=\"Afterpay\" class=\"supported-payment-method\"\u003e \u003c!----\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/interac.svg\" alt=\"Interac\" class=\"supported-payment-method\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-614c05a6=\"\" data-v-f2727a24=\"\" class=\"w-container copyright-row row\"\u003e\u003c!----\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-f2727a24=\"\" class=\"w-cell copyright row align--center-xs align--right-sm align--right-md align--right-lg align--right-xl\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-ab1ca44a=\"\" data-v-f2727a24=\"\" class=\"w-wrapper\" data-v-6bcfc41e=\"\"\u003e \u003cdiv data-v-13004c05=\"\" data-v-df07630a=\"\" data-v-f2727a24=\"\" class=\"text-component 📚19-10-2uGevg 📚19-10-2W7uVy w-text--rendered\" data-v-ab1ca44a=\"\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7); --inline-link-color: var(--color-secondary-midnight-red-wFMdJB);\"\u003e\u003cp\u003e© 2026\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-6bcfc41e=\"\" data-v-6bda7270=\"\" data-v-4436f4cd=\"\" class=\"w-cell row\" data-v-614c05a6=\"\"\u003e\u003cdiv data-v-301e84c2=\"\" data-v-4436f4cd=\"\" id=\"ihrbXm\" data-block-purpose=\"free-footer@^1.0.0\" class=\"w-block-wrapper\" type=\"block\"\u003e \u003cdiv data-v-301e84c2=\"\"\u003e\u003cdiv data-v-7d258f40=\"\" data-v-c2ac550a=\"\" data-v-301e84c2=\"\" class=\"w-block w-background-light\" id=\"08340864-7d8a-11ed-a9d7-e13dc1221228\" layout=\"free-footer-1\" shortid=\"ihrbXm\" style=\"background-color: rgb(255, 255, 255); --text-color: #245607; --text-color-10: #eaefe7; --text-color-20: #d4dece; --text-color-30: #becdb5; --text-color-40: #a8bc9c; --text-color-50: #92ab83; --text-color-60: #7c9a6b; --text-color-70: #668952; --text-color-80: #507839; --text-color-90: #3a6720; --text-color-alpha-10: rgba(36, 86, 7, 0.1);\"\u003e\u003cdiv data-v-c2ac550a=\"\" class=\"container free-footer content-align--center\" style=\"text-align: center;\"\u003e\u003cdiv data-v-614c05a6=\"\" data-v-c2ac550a=\"\" class=\"w-container row\"\u003e\u003cdiv data-v-6bcfc41e=\"\" data-v-c2ac550a=\"\" class=\"w-cell col\" data-v-614c05a6=\"\" style=\"margin-top: calc(var(--gutter-row-lg) * 3); margin-bottom: calc(var(--gutter-row-lg) * 3);\"\u003e\u003ca data-v-c2ac550a=\"\" data-v-6bcfc41e=\"\" href=\"https://squareup.com/t/f_internal/d_startonsquare/p_weebly/c_footer/pr_startonsquare?route=/online-store\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"link link--light\"\u003e\u003csvg data-v-c2ac550a=\"\" width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" alt=\"Propulsé par \u0026lt;b\u0026gt;Square\u0026lt;/b\u0026gt;\" class=\"free-footer-sq-logo logo--light\" data-v-6bcfc41e=\"\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4.8c0-.743 0-1.115.05-1.426A4 4 0 0 1 3.373.05C3.685 0 4.057 0 4.8 0h14.4c.743 0 1.115 0 1.426.05a4 4 0 0 1 3.325 3.324C24 3.685 24 4.057 24 4.8v14.4c0 .743 0 1.115-.05 1.426a4 4 0 0 1-3.324 3.325C20.315 24 19.943 24 19.2 24H4.8c-.743 0-1.115 0-1.426-.05A4 4 0 0 1 .05 20.627C0 20.315 0 19.943 0 19.2V4.8zm4.8 1.137c0-.628.509-1.137 1.137-1.137h12.126c.628 0 1.137.509 1.137 1.137v12.126c0 .628-.509 1.137-1.137 1.137H5.937A1.137 1.137 0 0 1 4.8 18.063V5.937zM9.031 9.44C9 9.536 9 9.654 9 9.89v4.22c0 .236 0 .354.031.45a.637.637 0 0 0 .409.409c.096.031.214.031.45.031h4.22c.236 0 .354 0 .45-.031a.637.637 0 0 0 .409-.409c.031-.096.031-.214.031-.45V9.89c0-.236 0-.354-.031-.45a.637.637 0 0 0-.409-.409C14.464 9 14.346 9 14.11 9H9.89c-.236 0-.354 0-.45.031a.636.636 0 0 0-.409.409z\" fill=\"#70767c\"\u003e\u003c/path\u003e\u003c/svg\u003e \u003cp data-v-c2ac550a=\"\" data-v-6bcfc41e=\"\" class=\"free-footer-sq-text\"\u003ePropulsé par \u003cb\u003eSquare\u003c/b\u003e\u003c/p\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/footer\u003e\u003c/div\u003e\u003c/div\u003e \u003csvg data-v-0df30486=\"\" xmlns=\"http://www.w3.org/2000/svg\" style=\"display: none;\"\u003e\u003csymbol id=\"alert-triangle-icon\" viewBox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M.41 13.759 7.561.794a.5.5 0 0 1 .876 0l7.153 12.965a.5.5 0 0 1-.438.741H.847a.5.5 0 0 1-.438-.741zM8 9.002a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zm0 1A1 1 0 1 0 8 12a1 1 0 0 0 0-2z\" style=\"fill:var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"email-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm3.5-3h9L8.707 8.793a1 1 0 0 1-1.414 0L3.5 5zM3 6l3.586 3.586a2 2 0 0 0 2.828 0L13 6v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"embed-code-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath transform=\"translate(21 26)\" fill=\"var(--background-fill)\" d=\"M0 0h22v12H0z\"\u003e\u003c/path\u003e\u003cpath d=\"m36 38 7-6-7-6M28 26l-7 6 7 6\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"embed-pdf-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M29.677 32.716s-3.829 10.074-6.974 9.234c-3.145-.84 5.06-5.516 8.752-6.116 3.692-.6 10.939-3.358 10.528 0-.547 3.358-5.743-.6-8.75-4.557-3.009-3.958-4.24-9.834-1.778-9.235 2.46.6-.547 8.155-1.778 10.674z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"facebook-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8.567 4.437V8.085H9.77l.159-1.5h-1.36l.001-.75c0-.392.037-.602.6-.602h.75v-1.5H8.718c-1.444 0-1.952.728-1.952 1.952v.9h-.9v1.5h.9v4.352h1.801z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"google-plus-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.418 3.528-8 7.88-8s7.88 3.582 7.88 8-3.528 8-7.88 8S0 12.418 0 8zm6.438-.229v.869h1.42c-.057.373-.43 1.093-1.42 1.093-.855 0-1.552-.717-1.552-1.6 0-.883.697-1.6 1.552-1.6.487 0 .812.21.998.392l.68-.663A2.385 2.385 0 0 0 6.438 5.6c-1.384 0-2.504 1.133-2.504 2.533s1.12 2.534 2.504 2.534c1.445 0 2.404-1.028 2.404-2.476 0-.166-.018-.293-.04-.42H6.438zm5.365 0h-.715v-.723h-.715v.723h-.716v.724h.716v.724h.715v-.724h.715v-.724z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"instagram-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cg style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-4.267c-1.158 0-1.304.005-1.759.026a3.12 3.12 0 0 0-1.035.198 2.09 2.09 0 0 0-.756.492 2.095 2.095 0 0 0-.493.756c-.106.271-.178.582-.198 1.036-.02.455-.026.6-.026 1.759 0 1.159.005 1.304.026 1.759.021.454.093.764.198 1.035.11.281.255.52.492.756.237.238.476.384.756.493.271.105.582.177 1.036.198.455.02.6.026 1.759.026 1.159 0 1.304-.005 1.759-.026.454-.02.764-.093 1.036-.198.28-.11.518-.255.755-.493.238-.237.383-.475.493-.755.105-.272.177-.582.198-1.036.02-.455.026-.6.026-1.759 0-1.159-.006-1.304-.026-1.76-.021-.453-.093-.764-.198-1.035a2.094 2.094 0 0 0-.493-.756 2.085 2.085 0 0 0-.755-.492c-.272-.105-.583-.177-1.037-.198-.455-.02-.6-.026-1.759-.026H8z\"\u003e\u003c/path\u003e\u003cpath d=\"M7.618 4.502H8c1.14 0 1.275.004 1.725.025.416.019.641.088.792.147.199.077.34.17.49.319.15.15.242.291.32.49.058.15.127.376.146.792.02.45.025.585.025 1.724s-.004 1.274-.025 1.724c-.019.416-.088.641-.147.792-.077.199-.17.34-.319.49a1.32 1.32 0 0 1-.49.319c-.15.059-.376.128-.792.147-.45.02-.585.025-1.725.025-1.139 0-1.274-.005-1.724-.025-.416-.02-.641-.089-.792-.147-.2-.078-.341-.17-.49-.32a1.322 1.322 0 0 1-.32-.49c-.058-.15-.128-.376-.147-.792-.02-.45-.024-.585-.024-1.724 0-1.14.004-1.274.024-1.724.02-.416.089-.641.147-.792.077-.199.17-.341.32-.49.149-.15.29-.242.49-.32.15-.058.376-.128.792-.147.394-.018.546-.023 1.342-.024v.001zm2.66.709a.512.512 0 1 0 0 1.024.512.512 0 0 0 0-1.024zM8 5.809a2.191 2.191 0 1 0 0 4.382A2.191 2.191 0 0 0 8 5.81z\"\u003e\u003c/path\u003e\u003cpath d=\"M8 6.578a1.422 1.422 0 1 1 0 2.844 1.422 1.422 0 0 1 0-2.844z\"\u003e\u003c/path\u003e\u003c/g\u003e\u003c/symbol\u003e\u003csymbol id=\"instagram-item-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath transform=\"translate(20 20)\" fill=\"var(--background-fill)\" d=\"M0 0h24v24H0z\"\u003e\u003c/path\u003e\u003crect x=\"21\" y=\"21\" width=\"22\" height=\"22\" rx=\"5\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/rect\u003e\u003ccircle cx=\"32\" cy=\"32\" r=\"5\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/circle\u003e\u003ccircle cx=\"39\" cy=\"26\" r=\"1\" fill=\"var(--icon-fill)\"\u003e\u003c/circle\u003e\u003c/symbol\u003e\u003csvg id=\"tiktok-icon\" width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath style=\"fill:var(--background-fill)\" d=\"M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11z\" fill=\"#fff\"\u003e\u003c/path\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm1.595-18.996c-.43 0-.86.001-1.292.008a552.03 552.03 0 0 0-.01 4.496 981.783 981.783 0 0 1-.002 3.392c.001.76.002 1.518-.04 2.279-.005.21-.11.396-.211.577l-.024.043c-.335.553-.951.931-1.594.938-.97.087-1.878-.717-2.014-1.675a11.238 11.238 0 0 0-.005-.141c-.01-.27-.019-.545.083-.797.144-.418.42-.777.785-1.02.499-.352 1.166-.404 1.737-.217 0-.37.007-.738.013-1.107.008-.495.016-.99.01-1.484-1.25-.238-2.585.163-3.538 1.004a4.392 4.392 0 0 0-1.487 2.894c-.01.29-.008.58.007.868.12 1.365.937 2.637 2.1 3.332.701.42 1.524.647 2.347.599 1.342-.023 2.648-.752 3.401-1.87a4.48 4.48 0 0 0 .778-2.3 301.8 301.8 0 0 0 .01-3.365l.001-1.74c.3.199.605.393.933.543.753.363 1.587.538 2.417.565V8.477c-.886-.1-1.796-.396-2.44-1.043-.645-.632-.961-1.541-1.007-2.434-.319.003-.638.003-.958.004z\" fill=\"#000\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003csymbol id=\"linkedin-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm5.654-1.374H3.84v5.447h1.813V6.626zm.119-1.685C5.76 4.407 5.379 4 4.759 4s-1.026.407-1.026.94c0 .524.394.942 1.002.942h.012c.632 0 1.026-.418 1.026-.941zm6.419 4.009c0-1.673-.895-2.452-2.088-2.452-.962 0-1.393.529-1.634.9v-.772H6.657c.024.511 0 5.447 0 5.447H8.47V9.031c0-.163.012-.325.06-.442.131-.325.43-.662.93-.662.656 0 .919.5.919 1.232v2.914h1.813V8.95z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol fill=\"none\" viewBox=\"0 0 466 466\" id=\"twitter-icon\"\u003e\u003ccircle cx=\"233\" cy=\"233\" r=\"233\" style=\"fill:var(--icon-fill)\"\u003e\u003c/circle\u003e\u003cg clip-path=\"url(#aa)\"\u003e\u003cpath d=\"M257.951 212.952 355.502 102h-23.108l-84.739 96.318L180.024 102H102l102.294 145.664L102 363.999h23.108l89.43-101.737 71.438 101.737H364M133.449 119.051h35.501l163.427 228.735h-35.51\" style=\"fill:var(--background-fill)\"\u003e\u003c/path\u003e\u003c/g\u003e\u003c/symbol\u003e\u003csymbol id=\"vimeo-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm12.529-1.546c.057-1.25-.409-1.89-1.395-1.919-1.33-.043-2.232.708-2.704 2.253a1.8 1.8 0 0 1 .71-.158c.49 0 .705.275.647.823-.029.331-.244.814-.646 1.449-.403.635-.705.952-.905.952-.259 0-.496-.489-.712-1.467-.072-.287-.201-1.02-.388-2.2-.172-1.093-.632-1.604-1.38-1.532-.315.03-.79.316-1.422.862-.46.417-.927.833-1.4 1.25l.45.581c.431-.3.682-.452.754-.452.33 0 .638.517.925 1.55l.775 2.84c.387 1.034.86 1.55 1.42 1.55.903 0 2.008-.848 3.313-2.544 1.262-1.624 1.915-2.904 1.958-3.838z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"video-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M28 40V25l11 7.5L28 40z\" fill=\"var(--icon-fill)\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"youtube-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.418 3.528-8 7.88-8s7.88 3.582 7.88 8-3.528 8-7.88 8S0 12.418 0 8zm11.982-1.61s-.082-.601-.334-.866c-.32-.347-.677-.349-.84-.369-1.175-.088-2.937-.088-2.937-.088h-.004s-1.762 0-2.936.088c-.165.02-.522.022-.842.37-.251.264-.333.865-.333.865s-.084.705-.084 1.411v.662c0 .705.084 1.411.084 1.411s.082.6.333.865c.32.348.74.337.926.373.672.067 2.854.088 2.854.088s1.764-.003 2.938-.091c.164-.02.522-.022.841-.37.252-.264.334-.865.334-.865s.084-.706.084-1.411V7.8c0-.706-.084-1.411-.084-1.411zm-4.98 2.874v-2.45l2.268 1.23-2.268 1.22z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"pinterest-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm-2.63-1.07h.47c.3-.49.74-1.28.9-1.9l.46-1.73c.23.45.92.83 1.66.83 2.18 0 3.76-2 3.76-4.5 0-2.4-1.95-4.2-4.47-4.2-3.13 0-4.79 2.1-4.79 4.4 0 1.06.57 2.38 1.47 2.8.14.07.21.04.24-.1l.2-.81a.22.22 0 0 0-.04-.21 2.82 2.82 0 0 1-.54-1.66c0-1.6 1.2-3.14 3.27-3.14 1.78 0 3.03 1.2 3.03 2.95 0 1.96-1 3.32-2.28 3.32-.71 0-1.25-.6-1.08-1.31.21-.87.6-1.8.6-2.42 0-.56-.3-1.02-.91-1.02-.73 0-1.31.75-1.31 1.76 0 .64.21 1.08.21 1.08l-.85 3.6a8.15 8.15 0 0 0 0 2.26z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"snapchat-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.42 3.53-8 7.88-8a7.94 7.94 0 0 1 7.88 8c0 4.42-3.53 8-7.88 8A7.94 7.94 0 0 1 0 8zm7.95-4h-.17c-.18 0-.55.03-.96.2A2.14 2.14 0 0 0 5.7 5.37c-.19.43-.14 1.15-.1 1.73v.19a.32.32 0 0 1-.13.02.9.9 0 0 1-.38-.1.33.33 0 0 0-.14-.03.5.5 0 0 0-.25.07.35.35 0 0 0-.18.23c0 .06 0 .18.12.3a.9.9 0 0 0 .31.18l.13.05c.15.05.39.12.45.27.03.07.02.17-.04.29a2.82 2.82 0 0 1-.94 1.13c-.22.15-.46.24-.71.28a.2.2 0 0 0-.17.21l.02.09c.04.1.14.17.29.25.18.08.46.16.82.21l.05.19.05.2c.02.07.08.16.22.16.06 0 .12 0 .2-.02a2.15 2.15 0 0 1 .75-.03c.2.04.38.16.59.31a1.89 1.89 0 0 0 1.26.46c.52 0 .86-.24 1.16-.46.2-.15.38-.27.59-.3a1.9 1.9 0 0 1 .75.01l.2.03c.11 0 .2-.06.22-.17l.05-.2.05-.18c.36-.05.64-.13.82-.21.15-.08.24-.16.28-.25a.26.26 0 0 0 .03-.09.2.2 0 0 0-.17-.2c-1.12-.2-1.63-1.36-1.65-1.41v-.01c-.06-.12-.07-.22-.04-.3.06-.14.3-.21.45-.26l.12-.05a.94.94 0 0 0 .34-.2c.08-.09.1-.18.1-.23 0-.14-.1-.26-.27-.32a.48.48 0 0 0-.18-.03.4.4 0 0 0-.17.03.95.95 0 0 1-.35.1.31.31 0 0 1-.12-.02l.01-.17V7.1a4.3 4.3 0 0 0-.1-1.73 2.2 2.2 0 0 0-.52-.74 2.2 2.2 0 0 0-1.57-.62z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"yelp-icon\" viewBox=\"0 0 22 23\"\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 .876c-6.001 0-11 4.999-11 11 0 6.002 4.999 11 11 11s11-4.998 11-11c0-6.001-4.999-11-11-11z\"\u003e\u003c/path\u003e\u003cpath style=\"fill:var(--background-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.636 4.94a6.049 6.049 0 0 0-2.505.737c-.397.215-.444.455-.208.853.82 1.38 1.64 2.76 2.465 4.138.086.144.19.284.31.395.298.275.675.157.78-.245.033-.13.042-.268.05-.387l.01-.133-.09-1.421c-.071-1.137-.142-2.254-.215-3.37-.029-.443-.177-.593-.597-.566zm2.35 7.374a.766.766 0 0 0 .107-.018l.554-.146c.681-.18 1.362-.36 2.042-.546.38-.103.502-.332.364-.724a4.9 4.9 0 0 0-1.185-1.881c-.287-.283-.54-.251-.771.08-.36.51-.716 1.025-1.072 1.54-.18.261-.36.522-.542.783a.54.54 0 0 0-.039.587c.103.204.264.323.5.33l.042-.005zm-2.88-.142c.257.112.37.305.36.587-.012.267-.136.436-.403.526l-.215.073c-.785.266-1.57.532-2.356.79-.342.112-.557-.011-.634-.386-.089-.757-.035-1.824.054-2.242.098-.462.34-.577.752-.402.816.348 1.63.7 2.443 1.054zm5.752 2.243-.562-.2c-.697-.247-1.394-.495-2.092-.74-.215-.076-.402-.008-.545.175-.15.191-.216.414-.087.638.501.87 1.009 1.736 1.522 2.598.124.209.321.254.534.146a1.11 1.11 0 0 0 .253-.177 5.28 5.28 0 0 0 1.18-1.602c.039-.082.064-.171.09-.26l.036-.123c-.012-.242-.127-.383-.329-.454zm-4.691-.313c.223.094.326.258.327.538.002.338.002.677.001 1.016v.43h-.015v.436c.001.337.002.674-.002 1.011-.003.366-.18.561-.521.525a4.275 4.275 0 0 1-2.095-.815c-.285-.208-.308-.475-.087-.758.584-.748 1.174-1.49 1.766-2.23.166-.208.387-.254.626-.153z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"cash-app-logo-icon\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M0 9.6c0-3.36 0-5.04.654-6.324A6 6 0 0 1 3.276.654C4.56 0 6.24 0 9.6 0h.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C20 4.56 20 6.24 20 9.6v.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C15.44 20 13.76 20 10.4 20h-.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C0 15.44 0 13.76 0 10.4v-.8z\" fill=\"var(--color-cash-app)\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.52 6.853c1.036 0 2.029.42 2.678.995.164.146.41.145.564-.01l.772-.784a.403.403 0 0 0-.02-.587 6.105 6.105 0 0 0-2.07-1.164l.243-1.153a.405.405 0 0 0-.396-.488H10.8a.405.405 0 0 0-.396.32l-.218 1.026c-1.983.1-3.665 1.089-3.665 3.12 0 1.758 1.391 2.511 2.86 3.033 1.39.521 2.124.715 2.124 1.449 0 .753-.733 1.197-1.816 1.197-.986 0-2.02-.325-2.821-1.116a.403.403 0 0 0-.566-.001l-.83.818a.407.407 0 0 0 .002.582c.647.628 1.467 1.082 2.401 1.337l-.227 1.068a.405.405 0 0 0 .393.49l1.494.01a.404.404 0 0 0 .399-.321l.216-1.027c2.375-.147 3.828-1.438 3.828-3.327 0-1.739-1.448-2.473-3.207-3.072-1.004-.367-1.874-.618-1.874-1.371 0-.734.812-1.024 1.623-1.024z\" fill=\"#fff\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"square-pay-logo-icon\" viewBox=\"0 0 119 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"119\" height=\"22\"\u003e\u003cpath d=\"M17.685 0H3.547A3.547 3.547 0 0 0 0 3.547v14.135a3.55 3.55 0 0 0 3.547 3.55h14.135a3.55 3.55 0 0 0 3.55-3.55V3.547A3.547 3.547 0 0 0 17.682 0h.003zm-.313 16.252c0 .62-.503 1.12-1.12 1.12H4.982c-.616 0-1.12-.5-1.12-1.12V4.982c0-.62.5-1.12 1.12-1.12h11.27c.617 0 1.12.5 1.12 1.12v11.273-.003zm-4.503-2.754c.357 0 .643-.29.643-.646v-4.5a.644.644 0 0 0-.643-.647H8.363a.644.644 0 0 0-.643.646v4.5c0 .357.286.647.643.647h4.506zm13.992-.307h2.319c.117 1.313 1.006 2.336 2.801 2.336 1.602 0 2.588-.792 2.588-1.988 0-1.12-.772-1.623-2.164-1.95l-1.795-.387c-1.95-.424-3.419-1.681-3.419-3.728 0-2.26 2.01-3.807 4.617-3.807 2.764 0 4.542 1.447 4.694 3.594h-2.24c-.27-1.006-1.102-1.603-2.454-1.603-1.43 0-2.415.772-2.415 1.758 0 .985.851 1.584 2.319 1.912l1.778.386c1.95.424 3.284 1.602 3.284 3.67 0 2.628-1.971 4.193-4.79 4.193-3.167 0-4.927-1.72-5.12-4.386h-.003zm18.205 8.041v-3.845l.152-1.687h-.152c-.529 1.213-1.649 1.874-3.163 1.874-2.445 0-4.264-1.989-4.264-5.041 0-3.053 1.819-5.041 4.264-5.041 1.497 0 2.558.701 3.163 1.8h.152v-1.61h2.01v13.547h-2.162v.003zm.076-8.696c0-1.95-1.193-3.088-2.652-3.088s-2.652 1.137-2.652 3.088c0 1.95 1.193 3.088 2.652 3.088 1.46 0 2.652-1.138 2.652-3.088zm3.688 1.003V7.685h2.16v5.664c0 1.535.74 2.274 1.972 2.274 1.514 0 2.5-1.079 2.5-2.766V7.685h2.16v9.702h-2.008v-2.01h-.152c-.474 1.29-1.515 2.2-3.126 2.2-2.313 0-3.506-1.477-3.506-4.035v-.003zm10.108 1.137c0-1.819 1.27-2.88 3.524-3.012l2.673-.17v-.757c0-.91-.664-1.459-1.84-1.459-1.079 0-1.725.55-1.894 1.328H59.24c.228-1.971 1.856-3.109 4.055-3.109 2.483 0 3.998 1.062 3.998 3.109v6.784h-2.01v-1.802h-.151c-.456 1.194-1.4 1.989-3.223 1.989-1.821 0-2.974-1.176-2.974-2.898l.003-.003zm6.197-1.193v-.512l-2.179.152c-1.175.077-1.705.512-1.705 1.384 0 .74.606 1.269 1.46 1.269 1.535 0 2.424-.986 2.424-2.293zm3.769 3.904V7.685h2.009V9.54h.152c.283-1.269 1.251-1.856 2.69-1.856h.985v1.95h-1.23c-1.401 0-2.445.91-2.445 2.635v5.114h-2.161v.003zm15.72-4.454h-7.372c.114 1.781 1.366 2.784 2.749 2.784 1.175 0 1.912-.474 2.33-1.269h2.14c-.587 1.97-2.312 3.126-4.49 3.126-2.86 0-4.87-2.14-4.87-5.041 0-2.901 2.065-5.041 4.89-5.041 2.825 0 4.699 1.95 4.699 4.377 0 .474-.038.72-.076 1.061v.003zm-2.064-1.497c-.077-1.345-1.194-2.254-2.56-2.254-1.289 0-2.368.816-2.634 2.254h5.194zm7.395 5.95V4.127h4.889c2.822 0 4.547 1.439 4.547 4.035 0 2.597-1.726 4.036-4.547 4.036h-2.635v5.193h-2.254v-.003zm2.254-7.219h2.71c1.346 0 2.217-.681 2.217-2.009 0-1.327-.871-2.009-2.216-2.009h-2.71v4.018zm7.293 4.51c0-1.82 1.269-2.881 3.523-3.013l2.673-.17v-.757c0-.91-.664-1.459-1.839-1.459-1.079 0-1.649.55-1.819 1.328h-2.161c.228-1.971 1.781-3.109 3.98-3.109 2.482 0 3.997 1.062 3.997 3.109v6.784h-2.009v-1.802h-.152c-.456 1.194-1.404 1.989-3.222 1.989-1.819 0-2.974-1.176-2.974-2.898l.003-.003zm6.196-1.194v-.512l-2.178.152c-1.176.077-1.705.512-1.705 1.384 0 .74.605 1.269 1.459 1.269 1.535 0 2.424-.986 2.424-2.293zm3.143 7.465v-1.912h1.629c.854 0 1.328-.266 1.629-1.006l.19-.491-4.091-9.852h2.407l2.102 5.474.494 1.591h.152l.474-1.59 1.988-5.475h2.313l-4.111 10.685c-.74 1.913-1.705 2.576-3.43 2.576h-1.746z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"close-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003crect style=\"fill:var(--icon-fill)\" width=\"1.872\" height=\"20.587\" rx=\".936\" transform=\"scale(.99243 1.00751) rotate(45 4.622 24.714)\"\u003e\u003c/rect\u003e\u003crect style=\"fill:var(--icon-fill)\" width=\"1.872\" height=\"20.587\" rx=\".936\" transform=\"matrix(-.70176 .71242 .70176 .71242 5.313 4)\"\u003e\u003c/rect\u003e\u003c/symbol\u003e\u003csymbol id=\"shopping-bag-icon\" viewBox=\"0 0 33 33\" fill=\"none\"\u003e\u003ccircle cx=\"16.5\" cy=\"16.5\" r=\"16.5\" fill=\"var(--background-fill)\" fill-opacity=\".4\"\u003e\u003c/circle\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"var(--icon-fill)\" d=\"M14.836 15a1 1 0 0 1-2 0h1-1v-.026l.001-.065a24.537 24.537 0 0 1 .054-1.273h-2.143L10 23.134h12.673l-.748-9.498h-2.143a29.311 29.311 0 0 1 .05 1.038l.004.236V14.998l-1 .001h1a1 1 0 0 1-2 0v-.067l-.004-.208a22.363 22.363 0 0 0-.055-1.089h-2.881a23.613 23.613 0 0 0-.059 1.297V15zm.305-3.364h2.391c-.15-.823-.359-1.56-.632-2.07-.287-.537-.493-.566-.563-.566-.071 0-.277.03-.564.566-.273.51-.483 1.246-.632 2.07zm4.42 0h2.364a2 2 0 0 1 1.994 1.843l.748 9.498a2 2 0 0 1-1.994 2.157H10a2 2 0 0 1-1.994-2.157l.748-9.498a2 2 0 0 1 1.994-1.843h2.364c.016-.103.034-.207.053-.312.162-.91.419-1.908.845-2.702C14.425 7.846 15.157 7 16.337 7c1.179 0 1.91.846 2.326 1.622.426.794.683 1.792.845 2.702.019.104.037.209.053.312z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"ellipse-icon\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"4\" height=\"4\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003ccircle cx=\"2\" cy=\"2\" r=\"2\" fill=\"var(--icon-fill)\"\u003e\u003c/circle\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"tag-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.707 5.107c.777-.776 2.05-1.564 3.488-2.158C20.63 2.356 22.122 2 23.3 2H34c2.188 0 4 1.691 4 3.9v10.7c0 1.166-.374 2.625-.992 4.052-.615 1.418-1.429 2.707-2.226 3.552l-8.05 8.114L7.615 13.2l8.092-8.093zM6.2 14.614l19.124 19.123-3.131 3.156-.001.001a3.889 3.889 0 0 1-5.485-.001l-.005-.006-.025-.025-.099-.1-.374-.377-1.352-1.363-4.23-4.264a4953.029 4953.029 0 0 0-7.515-7.565 3.889 3.889 0 0 1 0-5.486L6.2 14.614zm9.09 23.69L16 37.6l-.71.704-.002-.002-.007-.007-.025-.025-.098-.099-.374-.378-1.352-1.362-4.23-4.264a4998 4998 0 0 0-7.509-7.56 5.889 5.889 0 0 1 0-8.314l12.6-12.6c1.023-1.024 2.55-1.936 4.138-2.592C20.019.444 21.778 0 23.3 0H34c3.211 0 6 2.509 6 5.9v10.7c0 1.534-.477 3.275-1.158 4.848-.684 1.577-1.617 3.084-2.617 4.14l-.016.016-12.6 12.7-.003.003a5.889 5.889 0 0 1-8.314 0l-.003-.003zM35 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"digital-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M35 8h.974a.974.974 0 0 0-.285-.689l-.69.689zm-7-7 .689-.689a.974.974 0 0 0-.69-.285V1zm6 33.026H10v1.948h24v-1.948zm-24 0c-.042 0-.06-.007-.06-.007s.003 0 .008.004a.1.1 0 0 1 .03.03l.003.007s-.007-.018-.007-.06H8.026c0 .521.178 1.032.56 1.414.382.382.893.56 1.414.56v-1.948zM9.974 34V2H8.026v32h1.948zm0-32 .001-.011c-.001.003-.001.002.002-.002a.058.058 0 0 1 .018-.01c.007-.003.01-.003.005-.003V.026C9.026.026 8.026.8 8.026 2h1.948zm24.051 32v.011c0-.003.001-.002-.002.002a.06.06 0 0 1-.018.01c-.007.003-.01.003-.005.003v1.948c.974 0 1.974-.774 1.974-1.974h-1.949zm1.95 0V8h-1.95v26h1.95zm-.286-26.689-7-7-1.378 1.378 7 7 1.378-1.378zM27.999.026H10v1.948h18V.026z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M28 1v7h7\" stroke=\"var(--icon-fill)\" stroke-width=\"1.949\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003cpath d=\"M31 37.998h.974a.974.974 0 0 1-.069.36l-.905-.36zM8.5 3.924a.974.974 0 1 1 0 1.949V3.924zM6 5.873a.18.18 0 0 0-.058.007l.007-.005a.1.1 0 0 0 .03-.029l.003-.006s-.007.02-.007.061h-1.95c0-.521.178-1.032.56-1.415.382-.383.893-.562 1.415-.562v1.949zm-.025.028v32.097h-1.95V5.901h1.95zm0 32.097v.012c0 .001 0 .001 0 0l.004.004a.06.06 0 0 0 .017.01c.007.003.009.003.004.003v1.948c-.976 0-1.974-.778-1.974-1.977h1.949zm.025.029h24v1.948H6v-1.948zm24 0c-.132 0-.2.056-.186.046a.657.657 0 0 0 .112-.131 1.808 1.808 0 0 0 .17-.31c.001 0 .001 0 0 0v.004c-.001 0-.001.001.904.362l.905.361v.002l-.002.002a.374.374 0 0 1-.002.006l-.007.017a2.646 2.646 0 0 1-.094.203 3.73 3.73 0 0 1-.276.468 2.54 2.54 0 0 1-.52.559 1.64 1.64 0 0 1-1.004.36v-1.95zm1-.029h-.974v-3.009h1.948v3.009H31zM6 3.924h2.5v1.949H6V3.924z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"service-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m15 8 .74.673a1 1 0 0 0-.033-1.38L15 8zM5 19l-.707.707a1 1 0 0 0 1.447-.034L5 19zm-3-3-.74-.673a1 1 0 0 0 .033 1.38L2 16zM12 5l.707-.707a1 1 0 0 0-1.447.034L12 5zm13 3-.707-.707a1 1 0 0 0-.033 1.38L25 8zm10 11-.74.673a1 1 0 0 0 1.447.034L35 19zm3-3 .707.707a1 1 0 0 0 .033-1.38L38 16zM28 5l.74-.673a1 1 0 0 0-1.447-.034L28 5zM9 28.9l-.707.707.049.046L9 28.9zm0-2.8-.707-.707L9 26.1zm3.5-3.5.707.707-.707-.707zm4.9 11.9-.707-.707a.994.994 0 0 0-.046.049l.753.658zm11.8-5.6.707-.707a1.075 1.075 0 0 0-.026-.026l-.68.733zM32 26l.753-.659a.994.994 0 0 0-.046-.048L32 26zm-1.793-3.207a1 1 0 0 0-1.414 1.414l1.414-1.414zm-3.1 8.2a1 1 0 0 0-1.414 1.414l1.415-1.414zm1.374-4.126a1 1 0 0 0-1.361 1.466l1.36-1.466zm-6.774 4.426a1 1 0 0 0-1.414 1.414l1.414-1.414zM26 34.7l-.573-.82a.995.995 0 0 0-.027.02l.6.8zm.3-3-.733.68.026.027.707-.707zm-.567-2.08a1 1 0 0 0-1.466 1.36l1.466-1.36zM6.707 17.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm3.586 6.414a1 1 0 0 0 1.414-1.414l-1.414 1.414zM19 16l-.287-.958a.507.507 0 0 0-.018.006L19 16zm4 1 .707-.707a1.011 1.011 0 0 0-.082-.074L23 17zm-8.74-9.673-10 11 1.48 1.346 10-11-1.48-1.346zM5.707 18.293l-3-3-1.414 1.414 3 3 1.414-1.414zm-2.967-1.62 10-11-1.48-1.346-10 11 1.48 1.346zm8.553-10.966 3 3 1.414-1.414-3-3-1.414 1.414zM24.26 8.673l10 11 1.48-1.346-10-11-1.48 1.346zm11.447 11.034 3-3-1.414-1.414-3 3 1.414 1.414zm3.033-4.38-10-11-1.48 1.346 10 11 1.48-1.346zM27.293 4.293l-3 3 1.414 1.414 3-3-1.414-1.414zm-17.585 23.9c-.41-.41-.41-.976 0-1.386l-1.415-1.414c-1.19 1.19-1.19 3.024 0 4.214l1.415-1.414zm0-1.386 3.5-3.5-1.415-1.414-3.5 3.5 1.415 1.414zm3.5-3.5c.409-.41.976-.41 1.385 0l1.415-1.414c-1.191-1.19-3.024-1.19-4.215 0l1.415 1.414zm1.385 0c.41.41.41.976 0 1.386l1.415 1.414c1.19-1.19 1.19-3.024 0-4.214l-1.415 1.414zm0 1.386-3.5 3.5 1.415 1.414 3.5-3.5-1.415-1.414zm-3.451 3.454a1.13 1.13 0 0 1-1.483 0l-1.317 1.506a3.13 3.13 0 0 0 4.117 0l-1.317-1.506zm1.365 2.846c-.409-.41-.41-.976 0-1.386l-1.414-1.414c-1.19 1.19-1.19 3.023 0 4.214l1.414-1.414zm3.5-4.886c.41-.41.977-.41 1.386 0l1.414-1.414c-1.19-1.19-3.023-1.19-4.214 0l1.415 1.414zm1.386 0c.41.41.41.977 0 1.386l1.414 1.414c1.19-1.19 1.19-3.023 0-4.214l-1.414 1.414zm0 1.386-3.5 3.5 1.414 1.414 3.5-3.5-1.414-1.414zm-3.545 3.549c-.277.316-.903.388-1.34-.05l-1.415 1.415c1.162 1.163 3.137 1.235 4.26-.048l-1.505-1.318zm1.46 2.751c-.41-.41-.41-.976 0-1.386l-1.415-1.414c-1.19 1.19-1.19 3.024 0 4.214l1.414-1.414zm3.5-4.886c.409-.41.975-.41 1.385 0l1.414-1.414c-1.19-1.19-3.023-1.19-4.214 0l1.414 1.414zm1.385 0c.41.41.41.977 0 1.386l1.414 1.414c1.19-1.19 1.19-3.024 0-4.214l-1.414 1.414zm0 1.386-3.5 3.5 1.414 1.414 3.5-3.5-1.414-1.414zm-3.546 3.549c-.277.316-.902.389-1.34-.049l-1.414 1.414c1.162 1.163 3.137 1.235 4.26-.048l-1.506-1.317zm11.846-4.235c1.19 1.19 3.024 1.19 4.214 0l-1.414-1.414c-.41.41-.976.41-1.386 0l-1.414 1.414zm4.214 0c1.374-1.373.99-3.187.046-4.265l-1.505 1.317c.456.52.472 1.107.045 1.534l1.414 1.414zm0-4.314-2.5-2.5-1.414 1.414 2.5 2.5 1.414-1.414zm-7.014 7.114c1.19 1.19 3.024 1.19 4.214 0l-1.414-1.414c-.41.41-.976.41-1.385 0l-1.415 1.414zm4.214 0c1.191-1.19 1.19-3.024 0-4.214l-1.414 1.414c.41.41.41.977 0 1.386l1.415 1.414zm-.026-4.24-1.4-1.3-1.361 1.466 1.4 1.3 1.36-1.466zm-9.588 4.54 2.4 2.4 1.414-1.414-2.4-2.4-1.414 1.414zm2.4 2.4c.97.97 2.623 1.356 3.907.393l-1.2-1.6c-.316.237-.863.223-1.293-.207l-1.414 1.414zm3.88.412c1.508-1.055 1.676-3.284.434-4.526l-1.414 1.414c.358.359.326 1.129-.166 1.474l1.146 1.638zm.46-4.5-1.3-1.4-1.466 1.361 1.3 1.4 1.466-1.36zM5.293 18.708l5 5 1.414-1.414-5-5-1.414 1.414zM26 9l-.707-.707h-.001v.001h-.001v.001l-.001.001-.001.001h-.001v.001l-.001.001h-.001V8.3l-.002.001v.001h-.001l-.001.002-.002.002-.002.002-.002.002h-.001a.13.13 0 0 0-.006.007l-.002.001v.002l-.002.001-.002.002a.103.103 0 0 0-.004.004l-.002.002-.001.001-.002.002-.002.001-.001.002-.002.002-.002.002-.002.001c0 .001 0 .002-.002.002l-.001.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002a.272.272 0 0 0-.005.005l-.003.003-.002.002-.003.003-.002.002-.003.003-.002.002-.003.003-.003.003-.003.002-.002.003-.003.003-.003.002-.003.003-.002.003-.003.003a.072.072 0 0 0-.003.003l-.003.003a.073.073 0 0 0-.003.003l-.003.003-.003.003a.853.853 0 0 0-.003.003l-.003.003-.003.003a.1.1 0 0 1-.003.003l-.003.003-.003.003-.003.003-.003.003a.493.493 0 0 0-.007.007l-.003.003a.108.108 0 0 1-.007.007l-.003.003a1956203611.42 1956203611.42 0 0 0-.007.007l-.003.003-.004.004-.003.003-.004.003c0 .002-.002.003-.003.004l-.004.004a1.197 1.197 0 0 0-.003.003l-.004.004-.003.003-.004.004-.004.003c0 .002-.002.003-.003.004a.117.117 0 0 0-.008.008l-.004.003-.003.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004a1.407 1.407 0 0 0-.004.004l-.004.004a.717.717 0 0 0-.004.004l-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004a.152.152 0 0 1-.008.008l-.004.004-.004.004-.004.004-.004.004a.16.16 0 0 0-.005.004c0 .002-.002.003-.004.005l-.004.004-.004.004-.004.004-.005.004-.004.005-.004.004a.175.175 0 0 1-.005.004c0 .002-.002.003-.004.005l-.004.004-.005.004c0 .002-.002.003-.004.005l-.004.004-.005.004-.004.005a.167.167 0 0 0-.004.004l-.005.005-.005.004-.004.005a1.916 1.916 0 0 0-.005.004l-.004.005-.005.004-.004.005-.005.004-.004.005-.005.005-.005.004-.004.005-.005.005-.004.004a.173.173 0 0 0-.005.005l-.005.005a.208.208 0 0 0-.01.009c0 .002-.002.003-.004.005a.21.21 0 0 0-.005.005l-.005.004-.004.005-.005.005-.005.005-.005.005-.005.004a.225.225 0 0 0-.004.005l-.005.005a.205.205 0 0 0-.005.005l-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005a2.416 2.416 0 0 0-.005.005l-.005.006a1.215 1.215 0 0 0-.005.005l-.005.005a2.445 2.445 0 0 0-.01.01l-.005.005a2.467 2.467 0 0 0-.005.005l-.005.005-.006.005-.005.005-.005.006-.005.005-.005.005-.005.005-.006.005-.005.006-.005.005-.005.005a.233.233 0 0 0-.005.005l-.006.005-.005.006-.005.005-.005.005-.006.005a.294.294 0 0 1-.005.006l-.005.005a.265.265 0 0 0-.021.021l-.006.006-.005.005a.265.265 0 0 1-.01.01l-.006.006a.266.266 0 0 1-.016.016l-.006.005a.242.242 0 0 0-.005.006l-.005.005-.006.005-.005.006a2.742 2.742 0 0 0-.016.016l-.005.005-.006.006-.005.005-.006.006-.005.005a2.765 2.765 0 0 1-.006.005l-.005.006-.005.005a.283.283 0 0 0-.006.006l-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005-.006.006a.284.284 0 0 0-.005.005l-.006.006a.284.284 0 0 0-.005.005l-.006.006-.005.005a.284.284 0 0 1-.011.01l-.006.006-.005.006-.005.005-.006.006a2.803 2.803 0 0 1-.005.005l-.006.006-.005.005-.006.006-.005.005-.006.006a.284.284 0 0 0-.01.01l-.006.006-.006.005-.005.006-.006.005-.005.006-.005.005a.284.284 0 0 1-.006.006l-.005.005-.006.006-.005.005a.284.284 0 0 1-.006.005l-.005.006a.284.284 0 0 1-.006.005l-.005.006-.005.005-.006.006-.005.005-.006.006a.283.283 0 0 1-.005.005l-.006.005a2.765 2.765 0 0 1-.005.006l-.005.005-.006.006a2.757 2.757 0 0 1-.005.005l-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005a.267.267 0 0 1-.006.006l-.005.005a.266.266 0 0 0-.005.005l-.006.006a.242.242 0 0 0-.005.005l-.006.005-.005.006a2.696 2.696 0 0 1-.005.005l-.005.005-.006.006-.005.005-.005.005-.006.006-.005.005-.005.005a.264.264 0 0 1-.006.005l-.005.006-.005.005a.24.24 0 0 1-.005.005l-.006.005-.005.006-.005.005-.005.005-.006.005-.005.006-.005.005-.005.005-.005.005a.231.231 0 0 1-.005.005l-.006.005-.005.006-.005.005a.253.253 0 0 1-.005.005l-.005.005-.005.005-.005.005-.006.005a2.445 2.445 0 0 1-.005.005l-.005.005-.005.006-.005.005-.005.005a2.402 2.402 0 0 1-.015.015l-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.004.005-.005.005-.005.005a.205.205 0 0 1-.01.01l-.005.004a2.179 2.179 0 0 1-.014.015l-.005.005-.005.004-.004.005-.005.005a2.119 2.119 0 0 1-.01.01l-.004.004-.005.005-.005.004-.004.005-.005.005-.004.004a.181.181 0 0 1-.01.01l-.004.004a.18.18 0 0 1-.005.004l-.004.005a1.922 1.922 0 0 1-.005.005l-.004.004-.005.004-.004.005-.005.004-.004.005a.183.183 0 0 1-.005.004c0 .002-.002.003-.004.005a.182.182 0 0 1-.004.004l-.005.004-.004.005-.004.004-.005.004-.004.005-.004.004-.005.004c0 .002-.002.003-.004.004l-.004.005-.004.004-.004.004-.005.004c0 .002-.002.003-.004.004l-.004.005-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004a8491334680.957 8491334680.957 0 0 1-.008.008l-.004.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004l-.004.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004l-.004.004a3633073655.432 3633073655.432 0 0 0-.008.007c0 .002-.002.003-.003.004l-.004.004-.003.003-.004.004-.004.003-.003.004-.003.003-.004.004-.003.003-.004.004a3250884297.246 3250884297.246 0 0 0-.01.01l-.003.003-.004.004-.003.003-.003.003-.004.003a2716058231.859 2716058231.859 0 0 1-.006.007l-.003.003-.003.003-.003.003-.004.003-.003.004-.003.003-.003.003-.003.003-.003.002c0 .002-.002.002-.003.003l-.003.003-.002.003-.003.003-.003.003-.003.003-.003.003-.003.002-.002.003-.003.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.001.001-.002.002-.002.002 1.414 1.414.002-.002.002-.002.002-.001.001-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.003-.002.002-.003.002-.002.002-.002.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.003-.002a.037.037 0 0 0 .003-.003l.002-.003.003-.003.003-.003.003-.003.003-.002a.08.08 0 0 1 .003-.003l.003-.003.003-.003.003-.003.003-.003a.09.09 0 0 1 .006-.006l.003-.004.003-.003a.092.092 0 0 1 .003-.003l.003-.003.003-.003.004-.003c0-.002.002-.003.003-.004l.003-.003.003-.003a2889930025.631 2889930025.631 0 0 1 .007-.007l.003-.003a.055.055 0 0 1 .004-.004l.003-.003.004-.003c0-.002.002-.003.003-.004l.004-.003c0-.002.002-.003.003-.004l.004-.004a3439172743.957 3439172743.957 0 0 0 .007-.007l.003-.003.004-.004.004-.003.003-.004.004-.004.004-.004a.13.13 0 0 1 .004-.003c0-.002.002-.003.003-.004l.004-.004.004-.004.004-.004.004-.003c0-.002.002-.003.004-.004 0-.002.002-.003.003-.004a.149.149 0 0 1 .008-.008l.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.005-.004c0-.002.002-.003.004-.004l.004-.005.004-.004.004-.004.004-.004.005-.004a.172.172 0 0 1 .008-.009l.004-.004.005-.004.004-.005.004-.004.005-.004a.18.18 0 0 1 .004-.005l.004-.004.005-.005.004-.004.005-.004.004-.005.005-.004.004-.005.004-.004.005-.005a.197.197 0 0 1 .005-.004l.004-.005.005-.005a.197.197 0 0 1 .013-.013l.005-.005a3743849765.858 3743849765.858 0 0 0 .01-.01l.004-.004a.104.104 0 0 1 .01-.01l.004-.004.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.005.005-.005a.229.229 0 0 1 .01-.01l.005-.004.004-.005.005-.005a.233.233 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005a.118.118 0 0 0 .005-.005l.006-.005.005-.005.005-.005.005-.005.005-.006.005-.005.005-.005a.253.253 0 0 1 .005-.005l.005-.005.005-.005.006-.005a.253.253 0 0 1 .005-.006l.005-.005.005-.005.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006a.267.267 0 0 1 .005-.005l.006-.005a.267.267 0 0 1 .005-.006l.005-.005a.267.267 0 0 1 .006-.005l.005-.006.006-.005.005-.006a.267.267 0 0 1 .005-.005l.006-.005.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005a.143.143 0 0 0 .006-.006l.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.005-.005.006-.006.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.006-.005a.283.283 0 0 1 .005-.006l.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.006l.005-.005a.143.143 0 0 0 .006-.006l.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.006-.005.005-.006.006-.005a.283.283 0 0 1 .005-.006l.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006a.143.143 0 0 0 .006-.005l.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006a.283.283 0 0 1 .006-.005l.005-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005-.006.005-.005.006-.005.005-.006.006-.005a.267.267 0 0 1 .005-.006l.005-.005.005-.005.006-.006.005-.005a.267.267 0 0 1 .01-.01l.006-.006.005-.005.006-.005a.262.262 0 0 1 .01-.011l.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005a.253.253 0 0 1 .005-.005l.006-.005a.253.253 0 0 1 .005-.005l.005-.006.005-.005a.253.253 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.006-.005a.238.238 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.005.005-.005.005-.005a.224.224 0 0 1 .005-.005l.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.004.004-.005a.21.21 0 0 1 .01-.01l.004-.004.005-.005.005-.005a.206.206 0 0 1 .004-.004l.005-.005.005-.004.004-.005.005-.005.004-.004.005-.005.005-.004.004-.005.005-.004.004-.005.005-.005.004-.004.005-.005.004-.004.005-.004.004-.005.004-.004.005-.005.004-.004.004-.004.005-.005.004-.004.004-.004.005-.004.004-.005.004-.004.004-.004.005-.004c0-.002.002-.003.004-.004l.004-.005.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004a.153.153 0 0 1 .004-.004l.004-.004a.149.149 0 0 1 .008-.008.136.136 0 0 1 .008-.008 8072996200.381 8072996200.381 0 0 0 .008-.008l.004-.004.004-.003c0-.002.002-.003.004-.004 0-.002.002-.003.003-.004l.004-.004.004-.004.003-.003.004-.004.004-.004a.626.626 0 0 1 .004-.003c0-.002.002-.003.003-.004l.004-.004.003-.003.004-.004a.116.116 0 0 1 .01-.01l.004-.004.004-.003a.1.1 0 0 1 .003-.004l.003-.003a.109.109 0 0 1 .004-.003c0-.002.002-.003.003-.004l.003-.003a1.031 1.031 0 0 1 .014-.013l.003-.003c0-.002.002-.003.003-.004a.096.096 0 0 0 .003-.003l.003-.003.003-.003.003-.003.003-.003a.866.866 0 0 1 .006-.006l.003-.003a.832.832 0 0 1 .003-.003l.003-.003.003-.003.003-.003.003-.003.003-.003.003-.002.002-.003.003-.003.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.003.002-.002.002-.002.003-.002c0-.001 0-.002.002-.002l.002-.003.002-.002.002-.002.002-.002a.2.2 0 0 1 .002-.002l.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002a.155.155 0 0 1 .003-.003l.002-.002.002-.002.002-.001.001-.002.002-.002.001-.001.002-.002.002-.001.001-.002.002-.001v-.002l.002-.001.002-.001.001-.002.001-.001.002-.001v-.002a.134.134 0 0 1 .004-.003l.001-.001.001-.001.001-.001.001-.001.001-.001.001-.001h.001v-.002h.002v-.001l.001-.001.002-.001v-.001l.001-.001.001-.001.001-.001h.001v-.001h.001L26 9zm-2.707 1.293c.173-.173.343-.193.27-.176a1.45 1.45 0 0 1-.208.026c-.234.018-.56.02-.949.007-.772-.024-1.67-.096-2.33-.147l-.153 1.994c.641.05 1.593.127 2.42.152.412.013.823.015 1.164-.011.169-.013.35-.035.52-.075.121-.029.432-.108.68-.356l-1.414-1.414zm-3.216-.29c-.515-.04-1.053.08-1.527.23-.489.155-.997.373-1.478.6-.482.229-.961.478-1.388.7-.437.229-.805.422-1.103.559l.838 1.816c.352-.163.771-.382 1.19-.601.43-.225.876-.456 1.319-.665.444-.21.86-.386 1.228-.503.383-.121.632-.152.767-.142l.154-1.994zm-5.496 2.089c-.692.32-1.356.747-1.664 1.414-.354.768-.096 1.494.235 2.024l1.696-1.06a.699.699 0 0 1-.1-.208c0-.002.001.01-.001.03a.181.181 0 0 1-.014.052c-.01.02.002-.019.112-.106.111-.088.292-.2.574-.33l-.838-1.816zm-1.429 3.438c.427.684 1.31 1.242 2.323 1.531 1.06.303 2.386.353 3.83-.109l-.61-1.904c-1.056.338-1.98.288-2.67.09-.737-.21-1.104-.552-1.177-.668l-1.696 1.06zm6.135 1.428c.677-.203 1.416-.047 2.065.235a5.393 5.393 0 0 1 1.018.584l.008.006h-.001v-.001h-.001L23 17c.625-.78.624-.781.624-.781l-.002-.002-.003-.002-.009-.007-.026-.02a6.368 6.368 0 0 0-.387-.27 7.42 7.42 0 0 0-1.05-.56c-.85-.369-2.111-.713-3.434-.316l.574 1.916zm3.006.75 8 8 1.414-1.415-8-8-1.414 1.414zm-9-8 3 3 1.414-1.415-3-3-1.414 1.414zm20 7.585-4.5 4.5 1.414 1.414 4.5-4.5-1.414-1.414z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"donation-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M2 19a1 1 0 1 0 0 2v-2zm36 2a1 1 0 1 0 0-2v2zM21 8a1 1 0 1 0-2 0h2zm-2 24a1 1 0 1 0 2 0h-2zm7-13.7-.676-.737a.892.892 0 0 0-.031.03L26 18.3zm-12 0 .708-.707a.986.986 0 0 0-.032-.03l-.675.737zm0 4.7a1 1 0 1 0 0 2v-2zm12 2a1 1 0 1 0 0-2v2zM2 21h36v-2H2v2zM19 8v24h2V8h-2zm6.293 9.593c-.099.099-.415.283-1.02.49-.559.193-1.23.361-1.892.501a32.888 32.888 0 0 1-2.491.422l-.01.001h-.001L20 20l.122.993h.001l.004-.001c.003 0 .007 0 .012-.002.01 0 .025-.003.044-.005a27.755 27.755 0 0 0 .752-.108 35.006 35.006 0 0 0 1.859-.336c.7-.148 1.46-.336 2.13-.566.623-.214 1.332-.517 1.783-.968l-1.414-1.414zM20 20l.925.38v-.002l.004-.008.013-.03.05-.121c.045-.105.11-.258.192-.445.163-.375.392-.885.654-1.427a23.39 23.39 0 0 1 .839-1.596c.297-.508.55-.864.73-1.044l-1.414-1.414c-.37.37-.73.914-1.042 1.447a25.492 25.492 0 0 0-.914 1.737 43.527 43.527 0 0 0-.957 2.13l-.004.01v.002l-.001.001L20 20zm3.407-4.293a2.28 2.28 0 0 1 1.328-.663c.446-.05.77.074.958.263l1.414-1.414c-.711-.712-1.688-.937-2.592-.837-.907.1-1.816.53-2.522 1.237l1.414 1.414zm2.286-.4c.404.405.515 1.446-.369 2.256l1.352 1.474c1.516-1.39 1.827-3.749.431-5.144l-1.414 1.414zm-12.4 3.7c.452.451 1.161.754 1.784.968.669.23 1.429.418 2.13.566a35.003 35.003 0 0 0 2.61.444l.044.005.012.002h.005L20 20l.122-.993h-.003l-.008-.001a4.733 4.733 0 0 1-.189-.025 32.903 32.903 0 0 1-2.303-.397 16.575 16.575 0 0 1-1.892-.5c-.605-.208-.92-.392-1.02-.491l-1.414 1.414zM20 20l.925-.38-.001-.003-.004-.01a5.06 5.06 0 0 0-.07-.165 43.862 43.862 0 0 0-.887-1.964 25.3 25.3 0 0 0-.914-1.738c-.312-.533-.67-1.077-1.041-1.447l-1.415 1.414c.18.18.433.536.73 1.044.287.488.577 1.053.84 1.596a41.814 41.814 0 0 1 .908 2.023l.003.008v.001L20 20zm-1.992-5.707a4.278 4.278 0 0 0-2.522-1.237c-.905-.1-1.881.126-2.593.837l1.415 1.414c.188-.189.512-.313.957-.263.444.05.935.27 1.328.663l1.415-1.414zm-5.114-.4c-1.396 1.395-1.085 3.754.43 5.144l1.352-1.474c-.884-.81-.773-1.851-.368-2.256l-1.415-1.414zM20 20l-.997-.076v-.01.01a2.68 2.68 0 0 1-.093.403 3.31 3.31 0 0 1-.558 1.054C17.778 22.11 16.585 23 14 23v2c3.115 0 4.922-1.11 5.923-2.381.485-.616.75-1.23.896-1.696a4.668 4.668 0 0 0 .169-.756 2.448 2.448 0 0 0 .009-.086v-.005L20 20zm0 0-.999.051v.005l.001.008.001.02a2.604 2.604 0 0 0 .029.24c.022.147.061.346.13.581.136.468.392 1.088.873 1.708C21.028 23.895 22.842 25 26 25v-2c-2.642 0-3.828-.895-4.385-1.613a3.15 3.15 0 0 1-.533-1.042 2.558 2.558 0 0 1-.083-.398v-.009.012L20 20zM6 32c-1.546 0-2.493-.386-3.063-.964C2.365 30.454 2 29.503 2 28H0c0 1.797.435 3.346 1.513 4.44C2.593 33.535 4.146 34 6 34v-2zm-4-4V12H0v16h2zm0-16c0-1.504.365-2.454.937-3.036C3.507 8.386 4.454 8 6 8V6c-1.854 0-3.407.464-4.487 1.56C.435 8.655 0 10.205 0 12h2zm4-4h28V6H6v2zm28 0c1.546 0 2.493.386 3.063.964.572.582.937 1.532.937 3.036h2c0-1.796-.435-3.346-1.513-4.44C37.407 6.465 35.854 6 34 6v2zm4 4v16h2V12h-2zm0 16c0 1.4-.477 2.35-1.217 2.97-.766.643-1.937 1.03-3.483 1.03v2c1.854 0 3.533-.462 4.767-1.496C39.327 31.45 40 29.901 40 28h-2zm-4.7 4H6v2h27.3v-2z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"event-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m22.3 17.1 4.7.9-3.3 3.4.6 4.6-4.3-2-4.3 2 .6-4.6L13 18l4.7-.9L20 13l2.3 4.1z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003cpath d=\"M38 33H2c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h36c.6 0 1 .4 1 1v24c0 .6-.4 1-1 1z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"membership-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M23 15a1 1 0 1 0 0 2v-2zm10 2a1 1 0 1 0 0-2v2zm-10 2a1 1 0 1 0 0 2v-2zm7 2a1 1 0 1 0 0-2v2zm-7 2a1 1 0 1 0 0 2v-2zm8 2a1 1 0 1 0 0-2v2zm-15.392.51a1 1 0 0 0 1.585-1.22l-1.585 1.22zm-9-1.22a1 1 0 0 0 1.585 1.22l-1.585-1.22zM37 32H3v2h34v-2zM3 32c-.548 0-1-.452-1-1H0c0 1.652 1.348 3 3 3v-2zm-1-1V9H0v22h2zM2 9c0-.548.452-1 1-1V6C1.348 6 0 7.348 0 9h2zm1-1h34V6H3v2zm34 0c.548 0 1 .452 1 1h2c0-1.652-1.348-3-3-3v2zm1 1v22h2V9h-2zm0 22c0 .548-.452 1-1 1v2c1.652 0 3-1.348 3-3h-2zM23 17h10v-2H23v2zm0 4h7v-2h-7v2zm0 4h8v-2h-8v2zm-9.1-7a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2zm-2 2a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4v-2zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4h2zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2zm5.293 8.29c-1.184-1.539-3.173-2.59-5.293-2.59v2c1.48 0 2.891.748 3.708 1.81l1.585-1.22zM11.9 21.7c-2.12 0-4.109 1.051-5.292 2.59l1.585 1.22c.816-1.062 2.227-1.81 3.707-1.81v-2z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"food-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cg clip-path=\"url(#clip0)\"\u003e\u003cpath d=\"M14.293 21.85 1.758 34.132c-1.01.99-1.01 2.972 0 3.962 1.011.99 3.033.99 4.044 0l12.737-14.859m4.145-4.953c1.214-1.283 2.528-2.675 2.528-2.675 1.718 1.684 4.288 1.392 6.47-.693 2.18-2.086 5.812-6.747 6.065-7.33.253-.585.71-1.385 0-2.081a1.487 1.487 0 0 0-2.123 0m0 0c-.1.099-.1.099 0 0zm0 0c.607-.595.607-1.486 0-2.08a1.487 1.487 0 0 0-2.123 0m2.123 2.08s-3.942 3.92-6.124 6.124m4.001-8.204c-.1.099-.1.099 0 0zm0 0c.607-.595.607-1.486 0-2.08-.606-.595-1.367-.47-2.123 0-.755.468-7.48 5.943-7.48 5.943-1.82 1.486-2.427 4.656-.708 6.34 0 0-1.61 1.34-2.83 2.476M33.5 3.423s-1.001 1.077-6 6.001M3.78 1.442S37 32 38.15 33.142c1.152 1.142.81 4.061 0 4.953-.909.892-3.74 1.486-5.054 0L22.987 24.227c-.808-.991-3.74-.991-5.054-.991-1.416 0-3.235-.892-4.044-1.981L4.791 10.358C2.97 7.98 2.162 4.018 3.78 1.442z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/g\u003e\u003cdefs\u003e\u003cclipPath id=\"clip0\"\u003e\u003cpath fill=\"var(--background-fill)\" d=\"M0 0h40v40H0z\"\u003e\u003c/path\u003e\u003c/clipPath\u003e\u003c/defs\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"image-icon\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.372 28.25c1.196 0 2.166-1.007 2.166-2.25s-.97-2.25-2.166-2.25-2.166 1.007-2.166 2.25.97 2.25 2.166 2.25zm-1.288 3.913a1 1 0 0 0-1.562.154L21.42 38.71a1 1 0 0 0 .841 1.54h19.504a1 1 0 0 0 .857-1.515l-5.552-9.23a1 1 0 0 0-1.65-.094l-4.173 5.42a1 1 0 0 1-1.513.083l-2.649-2.752z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"section-icon\" viewBox=\"0 0 16 16\"\u003e\u003cpath style=\"fill:var(--icon-fill)\" d=\"M.667.057a.993.993 0 0 0-.66 1.021.96.96 0 0 0 .556.819l.201.099 7.174.008c6.45.007 7.19.003 7.336-.039.354-.103.576-.325.709-.708.052-.147.062-.42.019-.499a5.394 5.394 0 0 1-.09-.189 1.078 1.078 0 0 0-.482-.476l-.165-.078-7.22-.007C1.114.002.819.004.667.057m-.657.949c0 .115.005.159.012.097a1.238 1.238 0 0 0 0-.211C.015.839.01.89.01 1.006m.753 3.021a1.11 1.11 0 0 0-.557.368c-.219.291-.208.084-.199 3.665l.008 3.212.083.169c.097.198.298.395.497.487l.14.064 7.23.008 7.229.008.175-.071a.999.999 0 0 0 .597-.629c.064-.173.064-.184.064-3.354 0-2.101-.01-3.181-.03-3.181-.017 0-.03-.021-.03-.046 0-.136-.233-.451-.422-.57-.277-.175.223-.165-7.546-.161-4.21.002-7.167.014-7.239.031M.014 8c0 1.767.004 2.485.009 1.596.004-.888.004-2.334 0-3.212C.018 5.506.014 6.233.014 8m1.997 0v1.996h11.978V6.004H2.011V8M.832 14.02a1.028 1.028 0 0 0-.739.569c-.065.138-.078.208-.078.42 0 .213.013.283.078.421.093.196.287.395.476.488l.136.067 7.256.008 7.255.007.169-.063c.367-.137.645-.56.645-.981 0-.103-.01-.187-.023-.187s-.047-.068-.077-.151c-.073-.207-.32-.451-.55-.544l-.175-.07L8.09 14c-3.913-.003-7.179.006-7.258.02m-.822.989c0 .124.005.175.012.113a1.408 1.408 0 0 0 0-.225c-.007-.062-.012-.011-.012.112\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"category-folder-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath stroke=\"var(--icon-fill)\" d=\"M39 17a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4m14.5-8L11 5H2a1 1 0 0 0-1 1v27a2 2 0 0 0 2 2h34a2 2 0 0 0 2-2V10a1 1 0 0 0-1-1H15.5z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"phone-icon\" viewBox=\"0 0 16 16\"\u003e\u003csvg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m9.606 9.333-.04.04-.035.044-.526.66A9.316 9.316 0 0 1 5.94 7.036l.683-.581.037-.032.034-.036a1.68 1.68 0 0 0 .394-1.673l-.002-.009-.003-.008A6.435 6.435 0 0 1 6.76 2.66C6.76 1.748 6.012 1 5.1 1H2.793c-.303 0-.716.063-1.087.311A1.585 1.585 0 0 0 1 2.66C1 9.406 6.601 15 13.34 15a1.59 1.59 0 0 0 1.326-.681c.253-.361.334-.774.334-1.106v-2.3c0-.912-.748-1.66-1.66-1.66-.71 0-1.397-.115-2.039-.322a1.652 1.652 0 0 0-1.695.402z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"direction-icon\" viewBox=\"0 0 21 21\"\u003e\u003csvg width=\"21\" height=\"21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m19.71 10.29-9-9a.996.996 0 0 0-1.41 0l-9 9a.996.996 0 0 0 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9a.996.996 0 0 0 0-1.41zM12 13.5V11H8v3H6v-4c0-.55.45-1 1-1h5V6.5l3.5 3.5-3.5 3.5z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"map-icon\" viewBox=\"0 0 20 19\"\u003e\u003csvg width=\"20\" height=\"19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m19.32 2.05-6-2h-.07a.7.7 0 0 0-.14 0h-.43L7 2 1.32.05a1 1 0 0 0-.9.14A1 1 0 0 0 0 1v14a1 1 0 0 0 .68.95l6 2a1 1 0 0 0 .62 0l5.7-1.9L18.68 18c.106.014.214.014.32 0a.94.94 0 0 0 .58-.19A1.001 1.001 0 0 0 20 17V3a1 1 0 0 0-.68-.95zM6 15.61l-4-1.33V2.39l4 1.33v11.89zm6-1.33-4 1.33V3.72l4-1.33v11.89zm6 1.33-4-1.33V2.39l4 1.33v11.89z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"list-icon\" viewBox=\"0 0 24 24\"\u003e\u003csvg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm1 18V4h16v16H4zM7 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2-8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1zm1 3a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6zm-1 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003c/svg\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv data-v-753131ee=\"\"\u003e\u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-753131ee=\"\" class=\"cko 📚19-10-2rI2oH cko--close cko--flyover\" style=\"--maker-color-neutral-0: #f8f3e7; --maker-color-neutral-10: #eae5da; --maker-color-neutral-20: #918e87; --maker-color-neutral-80: #6d6b66; --maker-color-neutral-90: #1b1b1a; --maker-color-neutral-100: #000000; --maker-color-primary: #558632; --maker-color-background: #f8f3e7; --maker-color-heading: #245607; --maker-color-body: #245607; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: \u0026quot;Rock Salt\u0026quot;; --maker-font-heading-font-weight: 400; --maker-font-body-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-body-font-weight: 400; --maker-font-label-font-family: \u0026quot;Courier Prime\u0026quot;; --maker-font-label-font-weight: 400; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 8px; --maker-shape-button-border-radius: 100px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;\"\u003e\u003cdiv class=\"cko__header\"\u003e\u003cdiv class=\"cko__header-items cko--max-width\"\u003e\u003cdiv class=\"cko__header-back\"\u003e\u003cbutton type=\"button\" title=\"Retour au panier\" class=\"cko__back-btn 📚19-10-2_xxoX 📚19-10-2t5BZq\" style=\"--color: #245607;\"\u003e\u003c!----\u003e \u003cspan class=\"📚19-10-2qfj5z 📚19-10-2QESOt\"\u003e\u003cspan data-v-4700918e=\"\" class=\"icon cko__back-btn-icon 📚19-10-2vCfSe cko__back-btn-icon--medium\" style=\"--color: currentColor; --icon-size: 16px; --fill: currentColor;\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.3 7.3a1 1 0 0 0 0 1.4l6 6 1.4-1.4L6.42 8l5.3-5.3-1.42-1.4-6 6Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\n\u003c/span\u003e \u003cspan class=\"cko__back-btn-label display-inline-phone-up\"\u003e\u003cp class=\"cko__back-btn-label-text 📚19-10-2uGevg 📚19-10-2EEwzY\" style=\"--mobile-base-font-size: 14; --mobile-font-size-scale: 1.12; font-family: \u0026quot;Courier Prime\u0026quot;; font-weight: 400; color: rgb(36, 86, 7);\"\u003e\n\t\t\t\tRetour au panier\n\t\t\t\u003c/p\u003e\u003c/span\u003e\u003c/span\u003e\u003c/button\u003e\u003c/div\u003e \u003cdiv role=\"banner\" class=\"cko__header-title cko__header-title--text-only\" style=\"padding-top: 19px;\"\u003e\u003cspan\u003e\n\t\tVieux presbytère de Batiscan\n\t\u003c/span\u003e\u003c/div\u003e \u003cdiv\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"cko__body cko--max-width\"\u003e\u003c!----\u003e \u003csvg xmlns=\"http://www.w3.org/2000/svg\" style=\"display: none;\"\u003e\u003csymbol id=\"alert-triangle-icon\" viewBox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M.41 13.759 7.561.794a.5.5 0 0 1 .876 0l7.153 12.965a.5.5 0 0 1-.438.741H.847a.5.5 0 0 1-.438-.741zM8 9.002a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zm0 1A1 1 0 1 0 8 12a1 1 0 0 0 0-2z\" style=\"fill:var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"email-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm3.5-3h9L8.707 8.793a1 1 0 0 1-1.414 0L3.5 5zM3 6l3.586 3.586a2 2 0 0 0 2.828 0L13 6v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"embed-code-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath transform=\"translate(21 26)\" fill=\"var(--background-fill)\" d=\"M0 0h22v12H0z\"\u003e\u003c/path\u003e\u003cpath d=\"m36 38 7-6-7-6M28 26l-7 6 7 6\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"embed-pdf-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M29.677 32.716s-3.829 10.074-6.974 9.234c-3.145-.84 5.06-5.516 8.752-6.116 3.692-.6 10.939-3.358 10.528 0-.547 3.358-5.743-.6-8.75-4.557-3.009-3.958-4.24-9.834-1.778-9.235 2.46.6-.547 8.155-1.778 10.674z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"facebook-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8.567 4.437V8.085H9.77l.159-1.5h-1.36l.001-.75c0-.392.037-.602.6-.602h.75v-1.5H8.718c-1.444 0-1.952.728-1.952 1.952v.9h-.9v1.5h.9v4.352h1.801z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"google-plus-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.418 3.528-8 7.88-8s7.88 3.582 7.88 8-3.528 8-7.88 8S0 12.418 0 8zm6.438-.229v.869h1.42c-.057.373-.43 1.093-1.42 1.093-.855 0-1.552-.717-1.552-1.6 0-.883.697-1.6 1.552-1.6.487 0 .812.21.998.392l.68-.663A2.385 2.385 0 0 0 6.438 5.6c-1.384 0-2.504 1.133-2.504 2.533s1.12 2.534 2.504 2.534c1.445 0 2.404-1.028 2.404-2.476 0-.166-.018-.293-.04-.42H6.438zm5.365 0h-.715v-.723h-.715v.723h-.716v.724h.716v.724h.715v-.724h.715v-.724z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"instagram-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cg style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-4.267c-1.158 0-1.304.005-1.759.026a3.12 3.12 0 0 0-1.035.198 2.09 2.09 0 0 0-.756.492 2.095 2.095 0 0 0-.493.756c-.106.271-.178.582-.198 1.036-.02.455-.026.6-.026 1.759 0 1.159.005 1.304.026 1.759.021.454.093.764.198 1.035.11.281.255.52.492.756.237.238.476.384.756.493.271.105.582.177 1.036.198.455.02.6.026 1.759.026 1.159 0 1.304-.005 1.759-.026.454-.02.764-.093 1.036-.198.28-.11.518-.255.755-.493.238-.237.383-.475.493-.755.105-.272.177-.582.198-1.036.02-.455.026-.6.026-1.759 0-1.159-.006-1.304-.026-1.76-.021-.453-.093-.764-.198-1.035a2.094 2.094 0 0 0-.493-.756 2.085 2.085 0 0 0-.755-.492c-.272-.105-.583-.177-1.037-.198-.455-.02-.6-.026-1.759-.026H8z\"\u003e\u003c/path\u003e\u003cpath d=\"M7.618 4.502H8c1.14 0 1.275.004 1.725.025.416.019.641.088.792.147.199.077.34.17.49.319.15.15.242.291.32.49.058.15.127.376.146.792.02.45.025.585.025 1.724s-.004 1.274-.025 1.724c-.019.416-.088.641-.147.792-.077.199-.17.34-.319.49a1.32 1.32 0 0 1-.49.319c-.15.059-.376.128-.792.147-.45.02-.585.025-1.725.025-1.139 0-1.274-.005-1.724-.025-.416-.02-.641-.089-.792-.147-.2-.078-.341-.17-.49-.32a1.322 1.322 0 0 1-.32-.49c-.058-.15-.128-.376-.147-.792-.02-.45-.024-.585-.024-1.724 0-1.14.004-1.274.024-1.724.02-.416.089-.641.147-.792.077-.199.17-.341.32-.49.149-.15.29-.242.49-.32.15-.058.376-.128.792-.147.394-.018.546-.023 1.342-.024v.001zm2.66.709a.512.512 0 1 0 0 1.024.512.512 0 0 0 0-1.024zM8 5.809a2.191 2.191 0 1 0 0 4.382A2.191 2.191 0 0 0 8 5.81z\"\u003e\u003c/path\u003e\u003cpath d=\"M8 6.578a1.422 1.422 0 1 1 0 2.844 1.422 1.422 0 0 1 0-2.844z\"\u003e\u003c/path\u003e\u003c/g\u003e\u003c/symbol\u003e\u003csymbol id=\"instagram-item-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath transform=\"translate(20 20)\" fill=\"var(--background-fill)\" d=\"M0 0h24v24H0z\"\u003e\u003c/path\u003e\u003crect x=\"21\" y=\"21\" width=\"22\" height=\"22\" rx=\"5\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/rect\u003e\u003ccircle cx=\"32\" cy=\"32\" r=\"5\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/circle\u003e\u003ccircle cx=\"39\" cy=\"26\" r=\"1\" fill=\"var(--icon-fill)\"\u003e\u003c/circle\u003e\u003c/symbol\u003e\u003csvg id=\"tiktok-icon\" width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath style=\"fill:var(--background-fill)\" d=\"M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11z\" fill=\"#fff\"\u003e\u003c/path\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm1.595-18.996c-.43 0-.86.001-1.292.008a552.03 552.03 0 0 0-.01 4.496 981.783 981.783 0 0 1-.002 3.392c.001.76.002 1.518-.04 2.279-.005.21-.11.396-.211.577l-.024.043c-.335.553-.951.931-1.594.938-.97.087-1.878-.717-2.014-1.675a11.238 11.238 0 0 0-.005-.141c-.01-.27-.019-.545.083-.797.144-.418.42-.777.785-1.02.499-.352 1.166-.404 1.737-.217 0-.37.007-.738.013-1.107.008-.495.016-.99.01-1.484-1.25-.238-2.585.163-3.538 1.004a4.392 4.392 0 0 0-1.487 2.894c-.01.29-.008.58.007.868.12 1.365.937 2.637 2.1 3.332.701.42 1.524.647 2.347.599 1.342-.023 2.648-.752 3.401-1.87a4.48 4.48 0 0 0 .778-2.3 301.8 301.8 0 0 0 .01-3.365l.001-1.74c.3.199.605.393.933.543.753.363 1.587.538 2.417.565V8.477c-.886-.1-1.796-.396-2.44-1.043-.645-.632-.961-1.541-1.007-2.434-.319.003-.638.003-.958.004z\" fill=\"#000\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003csymbol id=\"linkedin-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm5.654-1.374H3.84v5.447h1.813V6.626zm.119-1.685C5.76 4.407 5.379 4 4.759 4s-1.026.407-1.026.94c0 .524.394.942 1.002.942h.012c.632 0 1.026-.418 1.026-.941zm6.419 4.009c0-1.673-.895-2.452-2.088-2.452-.962 0-1.393.529-1.634.9v-.772H6.657c.024.511 0 5.447 0 5.447H8.47V9.031c0-.163.012-.325.06-.442.131-.325.43-.662.93-.662.656 0 .919.5.919 1.232v2.914h1.813V8.95z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol fill=\"none\" viewBox=\"0 0 466 466\" id=\"twitter-icon\"\u003e\u003ccircle cx=\"233\" cy=\"233\" r=\"233\" style=\"fill:var(--icon-fill)\"\u003e\u003c/circle\u003e\u003cg clip-path=\"url(#aa)\"\u003e\u003cpath d=\"M257.951 212.952 355.502 102h-23.108l-84.739 96.318L180.024 102H102l102.294 145.664L102 363.999h23.108l89.43-101.737 71.438 101.737H364M133.449 119.051h35.501l163.427 228.735h-35.51\" style=\"fill:var(--background-fill)\"\u003e\u003c/path\u003e\u003c/g\u003e\u003c/symbol\u003e\u003csymbol id=\"vimeo-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm12.529-1.546c.057-1.25-.409-1.89-1.395-1.919-1.33-.043-2.232.708-2.704 2.253a1.8 1.8 0 0 1 .71-.158c.49 0 .705.275.647.823-.029.331-.244.814-.646 1.449-.403.635-.705.952-.905.952-.259 0-.496-.489-.712-1.467-.072-.287-.201-1.02-.388-2.2-.172-1.093-.632-1.604-1.38-1.532-.315.03-.79.316-1.422.862-.46.417-.927.833-1.4 1.25l.45.581c.431-.3.682-.452.754-.452.33 0 .638.517.925 1.55l.775 2.84c.387 1.034.86 1.55 1.42 1.55.903 0 2.008-.848 3.313-2.544 1.262-1.624 1.915-2.904 1.958-3.838z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"video-icon\" viewBox=\"0 0 64 64\" fill=\"none\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M28 40V25l11 7.5L28 40z\" fill=\"var(--icon-fill)\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"youtube-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.418 3.528-8 7.88-8s7.88 3.582 7.88 8-3.528 8-7.88 8S0 12.418 0 8zm11.982-1.61s-.082-.601-.334-.866c-.32-.347-.677-.349-.84-.369-1.175-.088-2.937-.088-2.937-.088h-.004s-1.762 0-2.936.088c-.165.02-.522.022-.842.37-.251.264-.333.865-.333.865s-.084.705-.084 1.411v.662c0 .705.084 1.411.084 1.411s.082.6.333.865c.32.348.74.337.926.373.672.067 2.854.088 2.854.088s1.764-.003 2.938-.091c.164-.02.522-.022.841-.37.252-.264.334-.865.334-.865s.084-.706.084-1.411V7.8c0-.706-.084-1.411-.084-1.411zm-4.98 2.874v-2.45l2.268 1.23-2.268 1.22z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"pinterest-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm-2.63-1.07h.47c.3-.49.74-1.28.9-1.9l.46-1.73c.23.45.92.83 1.66.83 2.18 0 3.76-2 3.76-4.5 0-2.4-1.95-4.2-4.47-4.2-3.13 0-4.79 2.1-4.79 4.4 0 1.06.57 2.38 1.47 2.8.14.07.21.04.24-.1l.2-.81a.22.22 0 0 0-.04-.21 2.82 2.82 0 0 1-.54-1.66c0-1.6 1.2-3.14 3.27-3.14 1.78 0 3.03 1.2 3.03 2.95 0 1.96-1 3.32-2.28 3.32-.71 0-1.25-.6-1.08-1.31.21-.87.6-1.8.6-2.42 0-.56-.3-1.02-.91-1.02-.73 0-1.31.75-1.31 1.76 0 .64.21 1.08.21 1.08l-.85 3.6a8.15 8.15 0 0 0 0 2.26z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"snapchat-icon\" viewBox=\"0 0 16 16\"\u003e\u003crect x=\"1\" y=\"1\" style=\"fill:var(--background-fill)\" width=\"14\" height=\"14\" rx=\"8\" ry=\"8\"\u003e\u003c/rect\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" d=\"M0 8c0-4.42 3.53-8 7.88-8a7.94 7.94 0 0 1 7.88 8c0 4.42-3.53 8-7.88 8A7.94 7.94 0 0 1 0 8zm7.95-4h-.17c-.18 0-.55.03-.96.2A2.14 2.14 0 0 0 5.7 5.37c-.19.43-.14 1.15-.1 1.73v.19a.32.32 0 0 1-.13.02.9.9 0 0 1-.38-.1.33.33 0 0 0-.14-.03.5.5 0 0 0-.25.07.35.35 0 0 0-.18.23c0 .06 0 .18.12.3a.9.9 0 0 0 .31.18l.13.05c.15.05.39.12.45.27.03.07.02.17-.04.29a2.82 2.82 0 0 1-.94 1.13c-.22.15-.46.24-.71.28a.2.2 0 0 0-.17.21l.02.09c.04.1.14.17.29.25.18.08.46.16.82.21l.05.19.05.2c.02.07.08.16.22.16.06 0 .12 0 .2-.02a2.15 2.15 0 0 1 .75-.03c.2.04.38.16.59.31a1.89 1.89 0 0 0 1.26.46c.52 0 .86-.24 1.16-.46.2-.15.38-.27.59-.3a1.9 1.9 0 0 1 .75.01l.2.03c.11 0 .2-.06.22-.17l.05-.2.05-.18c.36-.05.64-.13.82-.21.15-.08.24-.16.28-.25a.26.26 0 0 0 .03-.09.2.2 0 0 0-.17-.2c-1.12-.2-1.63-1.36-1.65-1.41v-.01c-.06-.12-.07-.22-.04-.3.06-.14.3-.21.45-.26l.12-.05a.94.94 0 0 0 .34-.2c.08-.09.1-.18.1-.23 0-.14-.1-.26-.27-.32a.48.48 0 0 0-.18-.03.4.4 0 0 0-.17.03.95.95 0 0 1-.35.1.31.31 0 0 1-.12-.02l.01-.17V7.1a4.3 4.3 0 0 0-.1-1.73 2.2 2.2 0 0 0-.52-.74 2.2 2.2 0 0 0-1.57-.62z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"yelp-icon\" viewBox=\"0 0 22 23\"\u003e\u003cpath style=\"fill:var(--icon-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 .876c-6.001 0-11 4.999-11 11 0 6.002 4.999 11 11 11s11-4.998 11-11c0-6.001-4.999-11-11-11z\"\u003e\u003c/path\u003e\u003cpath style=\"fill:var(--background-fill)\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.636 4.94a6.049 6.049 0 0 0-2.505.737c-.397.215-.444.455-.208.853.82 1.38 1.64 2.76 2.465 4.138.086.144.19.284.31.395.298.275.675.157.78-.245.033-.13.042-.268.05-.387l.01-.133-.09-1.421c-.071-1.137-.142-2.254-.215-3.37-.029-.443-.177-.593-.597-.566zm2.35 7.374a.766.766 0 0 0 .107-.018l.554-.146c.681-.18 1.362-.36 2.042-.546.38-.103.502-.332.364-.724a4.9 4.9 0 0 0-1.185-1.881c-.287-.283-.54-.251-.771.08-.36.51-.716 1.025-1.072 1.54-.18.261-.36.522-.542.783a.54.54 0 0 0-.039.587c.103.204.264.323.5.33l.042-.005zm-2.88-.142c.257.112.37.305.36.587-.012.267-.136.436-.403.526l-.215.073c-.785.266-1.57.532-2.356.79-.342.112-.557-.011-.634-.386-.089-.757-.035-1.824.054-2.242.098-.462.34-.577.752-.402.816.348 1.63.7 2.443 1.054zm5.752 2.243-.562-.2c-.697-.247-1.394-.495-2.092-.74-.215-.076-.402-.008-.545.175-.15.191-.216.414-.087.638.501.87 1.009 1.736 1.522 2.598.124.209.321.254.534.146a1.11 1.11 0 0 0 .253-.177 5.28 5.28 0 0 0 1.18-1.602c.039-.082.064-.171.09-.26l.036-.123c-.012-.242-.127-.383-.329-.454zm-4.691-.313c.223.094.326.258.327.538.002.338.002.677.001 1.016v.43h-.015v.436c.001.337.002.674-.002 1.011-.003.366-.18.561-.521.525a4.275 4.275 0 0 1-2.095-.815c-.285-.208-.308-.475-.087-.758.584-.748 1.174-1.49 1.766-2.23.166-.208.387-.254.626-.153z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"cash-app-logo-icon\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M0 9.6c0-3.36 0-5.04.654-6.324A6 6 0 0 1 3.276.654C4.56 0 6.24 0 9.6 0h.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C20 4.56 20 6.24 20 9.6v.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C15.44 20 13.76 20 10.4 20h-.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C0 15.44 0 13.76 0 10.4v-.8z\" fill=\"var(--color-cash-app)\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.52 6.853c1.036 0 2.029.42 2.678.995.164.146.41.145.564-.01l.772-.784a.403.403 0 0 0-.02-.587 6.105 6.105 0 0 0-2.07-1.164l.243-1.153a.405.405 0 0 0-.396-.488H10.8a.405.405 0 0 0-.396.32l-.218 1.026c-1.983.1-3.665 1.089-3.665 3.12 0 1.758 1.391 2.511 2.86 3.033 1.39.521 2.124.715 2.124 1.449 0 .753-.733 1.197-1.816 1.197-.986 0-2.02-.325-2.821-1.116a.403.403 0 0 0-.566-.001l-.83.818a.407.407 0 0 0 .002.582c.647.628 1.467 1.082 2.401 1.337l-.227 1.068a.405.405 0 0 0 .393.49l1.494.01a.404.404 0 0 0 .399-.321l.216-1.027c2.375-.147 3.828-1.438 3.828-3.327 0-1.739-1.448-2.473-3.207-3.072-1.004-.367-1.874-.618-1.874-1.371 0-.734.812-1.024 1.623-1.024z\" fill=\"#fff\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"square-pay-logo-icon\" viewBox=\"0 0 119 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"119\" height=\"22\"\u003e\u003cpath d=\"M17.685 0H3.547A3.547 3.547 0 0 0 0 3.547v14.135a3.55 3.55 0 0 0 3.547 3.55h14.135a3.55 3.55 0 0 0 3.55-3.55V3.547A3.547 3.547 0 0 0 17.682 0h.003zm-.313 16.252c0 .62-.503 1.12-1.12 1.12H4.982c-.616 0-1.12-.5-1.12-1.12V4.982c0-.62.5-1.12 1.12-1.12h11.27c.617 0 1.12.5 1.12 1.12v11.273-.003zm-4.503-2.754c.357 0 .643-.29.643-.646v-4.5a.644.644 0 0 0-.643-.647H8.363a.644.644 0 0 0-.643.646v4.5c0 .357.286.647.643.647h4.506zm13.992-.307h2.319c.117 1.313 1.006 2.336 2.801 2.336 1.602 0 2.588-.792 2.588-1.988 0-1.12-.772-1.623-2.164-1.95l-1.795-.387c-1.95-.424-3.419-1.681-3.419-3.728 0-2.26 2.01-3.807 4.617-3.807 2.764 0 4.542 1.447 4.694 3.594h-2.24c-.27-1.006-1.102-1.603-2.454-1.603-1.43 0-2.415.772-2.415 1.758 0 .985.851 1.584 2.319 1.912l1.778.386c1.95.424 3.284 1.602 3.284 3.67 0 2.628-1.971 4.193-4.79 4.193-3.167 0-4.927-1.72-5.12-4.386h-.003zm18.205 8.041v-3.845l.152-1.687h-.152c-.529 1.213-1.649 1.874-3.163 1.874-2.445 0-4.264-1.989-4.264-5.041 0-3.053 1.819-5.041 4.264-5.041 1.497 0 2.558.701 3.163 1.8h.152v-1.61h2.01v13.547h-2.162v.003zm.076-8.696c0-1.95-1.193-3.088-2.652-3.088s-2.652 1.137-2.652 3.088c0 1.95 1.193 3.088 2.652 3.088 1.46 0 2.652-1.138 2.652-3.088zm3.688 1.003V7.685h2.16v5.664c0 1.535.74 2.274 1.972 2.274 1.514 0 2.5-1.079 2.5-2.766V7.685h2.16v9.702h-2.008v-2.01h-.152c-.474 1.29-1.515 2.2-3.126 2.2-2.313 0-3.506-1.477-3.506-4.035v-.003zm10.108 1.137c0-1.819 1.27-2.88 3.524-3.012l2.673-.17v-.757c0-.91-.664-1.459-1.84-1.459-1.079 0-1.725.55-1.894 1.328H59.24c.228-1.971 1.856-3.109 4.055-3.109 2.483 0 3.998 1.062 3.998 3.109v6.784h-2.01v-1.802h-.151c-.456 1.194-1.4 1.989-3.223 1.989-1.821 0-2.974-1.176-2.974-2.898l.003-.003zm6.197-1.193v-.512l-2.179.152c-1.175.077-1.705.512-1.705 1.384 0 .74.606 1.269 1.46 1.269 1.535 0 2.424-.986 2.424-2.293zm3.769 3.904V7.685h2.009V9.54h.152c.283-1.269 1.251-1.856 2.69-1.856h.985v1.95h-1.23c-1.401 0-2.445.91-2.445 2.635v5.114h-2.161v.003zm15.72-4.454h-7.372c.114 1.781 1.366 2.784 2.749 2.784 1.175 0 1.912-.474 2.33-1.269h2.14c-.587 1.97-2.312 3.126-4.49 3.126-2.86 0-4.87-2.14-4.87-5.041 0-2.901 2.065-5.041 4.89-5.041 2.825 0 4.699 1.95 4.699 4.377 0 .474-.038.72-.076 1.061v.003zm-2.064-1.497c-.077-1.345-1.194-2.254-2.56-2.254-1.289 0-2.368.816-2.634 2.254h5.194zm7.395 5.95V4.127h4.889c2.822 0 4.547 1.439 4.547 4.035 0 2.597-1.726 4.036-4.547 4.036h-2.635v5.193h-2.254v-.003zm2.254-7.219h2.71c1.346 0 2.217-.681 2.217-2.009 0-1.327-.871-2.009-2.216-2.009h-2.71v4.018zm7.293 4.51c0-1.82 1.269-2.881 3.523-3.013l2.673-.17v-.757c0-.91-.664-1.459-1.839-1.459-1.079 0-1.649.55-1.819 1.328h-2.161c.228-1.971 1.781-3.109 3.98-3.109 2.482 0 3.997 1.062 3.997 3.109v6.784h-2.009v-1.802h-.152c-.456 1.194-1.404 1.989-3.222 1.989-1.819 0-2.974-1.176-2.974-2.898l.003-.003zm6.196-1.194v-.512l-2.178.152c-1.176.077-1.705.512-1.705 1.384 0 .74.605 1.269 1.459 1.269 1.535 0 2.424-.986 2.424-2.293zm3.143 7.465v-1.912h1.629c.854 0 1.328-.266 1.629-1.006l.19-.491-4.091-9.852h2.407l2.102 5.474.494 1.591h.152l.474-1.59 1.988-5.475h2.313l-4.111 10.685c-.74 1.913-1.705 2.576-3.43 2.576h-1.746z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"close-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003crect style=\"fill:var(--icon-fill)\" width=\"1.872\" height=\"20.587\" rx=\".936\" transform=\"scale(.99243 1.00751) rotate(45 4.622 24.714)\"\u003e\u003c/rect\u003e\u003crect style=\"fill:var(--icon-fill)\" width=\"1.872\" height=\"20.587\" rx=\".936\" transform=\"matrix(-.70176 .71242 .70176 .71242 5.313 4)\"\u003e\u003c/rect\u003e\u003c/symbol\u003e\u003csymbol id=\"shopping-bag-icon\" viewBox=\"0 0 33 33\" fill=\"none\"\u003e\u003ccircle cx=\"16.5\" cy=\"16.5\" r=\"16.5\" fill=\"var(--background-fill)\" fill-opacity=\".4\"\u003e\u003c/circle\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"var(--icon-fill)\" d=\"M14.836 15a1 1 0 0 1-2 0h1-1v-.026l.001-.065a24.537 24.537 0 0 1 .054-1.273h-2.143L10 23.134h12.673l-.748-9.498h-2.143a29.311 29.311 0 0 1 .05 1.038l.004.236V14.998l-1 .001h1a1 1 0 0 1-2 0v-.067l-.004-.208a22.363 22.363 0 0 0-.055-1.089h-2.881a23.613 23.613 0 0 0-.059 1.297V15zm.305-3.364h2.391c-.15-.823-.359-1.56-.632-2.07-.287-.537-.493-.566-.563-.566-.071 0-.277.03-.564.566-.273.51-.483 1.246-.632 2.07zm4.42 0h2.364a2 2 0 0 1 1.994 1.843l.748 9.498a2 2 0 0 1-1.994 2.157H10a2 2 0 0 1-1.994-2.157l.748-9.498a2 2 0 0 1 1.994-1.843h2.364c.016-.103.034-.207.053-.312.162-.91.419-1.908.845-2.702C14.425 7.846 15.157 7 16.337 7c1.179 0 1.91.846 2.326 1.622.426.794.683 1.792.845 2.702.019.104.037.209.053.312z\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"ellipse-icon\" viewBox=\"0 0 4 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"4\" height=\"4\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003ccircle cx=\"2\" cy=\"2\" r=\"2\" fill=\"var(--icon-fill)\"\u003e\u003c/circle\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"tag-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.707 5.107c.777-.776 2.05-1.564 3.488-2.158C20.63 2.356 22.122 2 23.3 2H34c2.188 0 4 1.691 4 3.9v10.7c0 1.166-.374 2.625-.992 4.052-.615 1.418-1.429 2.707-2.226 3.552l-8.05 8.114L7.615 13.2l8.092-8.093zM6.2 14.614l19.124 19.123-3.131 3.156-.001.001a3.889 3.889 0 0 1-5.485-.001l-.005-.006-.025-.025-.099-.1-.374-.377-1.352-1.363-4.23-4.264a4953.029 4953.029 0 0 0-7.515-7.565 3.889 3.889 0 0 1 0-5.486L6.2 14.614zm9.09 23.69L16 37.6l-.71.704-.002-.002-.007-.007-.025-.025-.098-.099-.374-.378-1.352-1.362-4.23-4.264a4998 4998 0 0 0-7.509-7.56 5.889 5.889 0 0 1 0-8.314l12.6-12.6c1.023-1.024 2.55-1.936 4.138-2.592C20.019.444 21.778 0 23.3 0H34c3.211 0 6 2.509 6 5.9v10.7c0 1.534-.477 3.275-1.158 4.848-.684 1.577-1.617 3.084-2.617 4.14l-.016.016-12.6 12.7-.003.003a5.889 5.889 0 0 1-8.314 0l-.003-.003zM35 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"digital-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M35 8h.974a.974.974 0 0 0-.285-.689l-.69.689zm-7-7 .689-.689a.974.974 0 0 0-.69-.285V1zm6 33.026H10v1.948h24v-1.948zm-24 0c-.042 0-.06-.007-.06-.007s.003 0 .008.004a.1.1 0 0 1 .03.03l.003.007s-.007-.018-.007-.06H8.026c0 .521.178 1.032.56 1.414.382.382.893.56 1.414.56v-1.948zM9.974 34V2H8.026v32h1.948zm0-32 .001-.011c-.001.003-.001.002.002-.002a.058.058 0 0 1 .018-.01c.007-.003.01-.003.005-.003V.026C9.026.026 8.026.8 8.026 2h1.948zm24.051 32v.011c0-.003.001-.002-.002.002a.06.06 0 0 1-.018.01c-.007.003-.01.003-.005.003v1.948c.974 0 1.974-.774 1.974-1.974h-1.949zm1.95 0V8h-1.95v26h1.95zm-.286-26.689-7-7-1.378 1.378 7 7 1.378-1.378zM27.999.026H10v1.948h18V.026z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003cpath d=\"M28 1v7h7\" stroke=\"var(--icon-fill)\" stroke-width=\"1.949\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003cpath d=\"M31 37.998h.974a.974.974 0 0 1-.069.36l-.905-.36zM8.5 3.924a.974.974 0 1 1 0 1.949V3.924zM6 5.873a.18.18 0 0 0-.058.007l.007-.005a.1.1 0 0 0 .03-.029l.003-.006s-.007.02-.007.061h-1.95c0-.521.178-1.032.56-1.415.382-.383.893-.562 1.415-.562v1.949zm-.025.028v32.097h-1.95V5.901h1.95zm0 32.097v.012c0 .001 0 .001 0 0l.004.004a.06.06 0 0 0 .017.01c.007.003.009.003.004.003v1.948c-.976 0-1.974-.778-1.974-1.977h1.949zm.025.029h24v1.948H6v-1.948zm24 0c-.132 0-.2.056-.186.046a.657.657 0 0 0 .112-.131 1.808 1.808 0 0 0 .17-.31c.001 0 .001 0 0 0v.004c-.001 0-.001.001.904.362l.905.361v.002l-.002.002a.374.374 0 0 1-.002.006l-.007.017a2.646 2.646 0 0 1-.094.203 3.73 3.73 0 0 1-.276.468 2.54 2.54 0 0 1-.52.559 1.64 1.64 0 0 1-1.004.36v-1.95zm1-.029h-.974v-3.009h1.948v3.009H31zM6 3.924h2.5v1.949H6V3.924z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"service-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m15 8 .74.673a1 1 0 0 0-.033-1.38L15 8zM5 19l-.707.707a1 1 0 0 0 1.447-.034L5 19zm-3-3-.74-.673a1 1 0 0 0 .033 1.38L2 16zM12 5l.707-.707a1 1 0 0 0-1.447.034L12 5zm13 3-.707-.707a1 1 0 0 0-.033 1.38L25 8zm10 11-.74.673a1 1 0 0 0 1.447.034L35 19zm3-3 .707.707a1 1 0 0 0 .033-1.38L38 16zM28 5l.74-.673a1 1 0 0 0-1.447-.034L28 5zM9 28.9l-.707.707.049.046L9 28.9zm0-2.8-.707-.707L9 26.1zm3.5-3.5.707.707-.707-.707zm4.9 11.9-.707-.707a.994.994 0 0 0-.046.049l.753.658zm11.8-5.6.707-.707a1.075 1.075 0 0 0-.026-.026l-.68.733zM32 26l.753-.659a.994.994 0 0 0-.046-.048L32 26zm-1.793-3.207a1 1 0 0 0-1.414 1.414l1.414-1.414zm-3.1 8.2a1 1 0 0 0-1.414 1.414l1.415-1.414zm1.374-4.126a1 1 0 0 0-1.361 1.466l1.36-1.466zm-6.774 4.426a1 1 0 0 0-1.414 1.414l1.414-1.414zM26 34.7l-.573-.82a.995.995 0 0 0-.027.02l.6.8zm.3-3-.733.68.026.027.707-.707zm-.567-2.08a1 1 0 0 0-1.466 1.36l1.466-1.36zM6.707 17.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm3.586 6.414a1 1 0 0 0 1.414-1.414l-1.414 1.414zM19 16l-.287-.958a.507.507 0 0 0-.018.006L19 16zm4 1 .707-.707a1.011 1.011 0 0 0-.082-.074L23 17zm-8.74-9.673-10 11 1.48 1.346 10-11-1.48-1.346zM5.707 18.293l-3-3-1.414 1.414 3 3 1.414-1.414zm-2.967-1.62 10-11-1.48-1.346-10 11 1.48 1.346zm8.553-10.966 3 3 1.414-1.414-3-3-1.414 1.414zM24.26 8.673l10 11 1.48-1.346-10-11-1.48 1.346zm11.447 11.034 3-3-1.414-1.414-3 3 1.414 1.414zm3.033-4.38-10-11-1.48 1.346 10 11 1.48-1.346zM27.293 4.293l-3 3 1.414 1.414 3-3-1.414-1.414zm-17.585 23.9c-.41-.41-.41-.976 0-1.386l-1.415-1.414c-1.19 1.19-1.19 3.024 0 4.214l1.415-1.414zm0-1.386 3.5-3.5-1.415-1.414-3.5 3.5 1.415 1.414zm3.5-3.5c.409-.41.976-.41 1.385 0l1.415-1.414c-1.191-1.19-3.024-1.19-4.215 0l1.415 1.414zm1.385 0c.41.41.41.976 0 1.386l1.415 1.414c1.19-1.19 1.19-3.024 0-4.214l-1.415 1.414zm0 1.386-3.5 3.5 1.415 1.414 3.5-3.5-1.415-1.414zm-3.451 3.454a1.13 1.13 0 0 1-1.483 0l-1.317 1.506a3.13 3.13 0 0 0 4.117 0l-1.317-1.506zm1.365 2.846c-.409-.41-.41-.976 0-1.386l-1.414-1.414c-1.19 1.19-1.19 3.023 0 4.214l1.414-1.414zm3.5-4.886c.41-.41.977-.41 1.386 0l1.414-1.414c-1.19-1.19-3.023-1.19-4.214 0l1.415 1.414zm1.386 0c.41.41.41.977 0 1.386l1.414 1.414c1.19-1.19 1.19-3.023 0-4.214l-1.414 1.414zm0 1.386-3.5 3.5 1.414 1.414 3.5-3.5-1.414-1.414zm-3.545 3.549c-.277.316-.903.388-1.34-.05l-1.415 1.415c1.162 1.163 3.137 1.235 4.26-.048l-1.505-1.318zm1.46 2.751c-.41-.41-.41-.976 0-1.386l-1.415-1.414c-1.19 1.19-1.19 3.024 0 4.214l1.414-1.414zm3.5-4.886c.409-.41.975-.41 1.385 0l1.414-1.414c-1.19-1.19-3.023-1.19-4.214 0l1.414 1.414zm1.385 0c.41.41.41.977 0 1.386l1.414 1.414c1.19-1.19 1.19-3.024 0-4.214l-1.414 1.414zm0 1.386-3.5 3.5 1.414 1.414 3.5-3.5-1.414-1.414zm-3.546 3.549c-.277.316-.902.389-1.34-.049l-1.414 1.414c1.162 1.163 3.137 1.235 4.26-.048l-1.506-1.317zm11.846-4.235c1.19 1.19 3.024 1.19 4.214 0l-1.414-1.414c-.41.41-.976.41-1.386 0l-1.414 1.414zm4.214 0c1.374-1.373.99-3.187.046-4.265l-1.505 1.317c.456.52.472 1.107.045 1.534l1.414 1.414zm0-4.314-2.5-2.5-1.414 1.414 2.5 2.5 1.414-1.414zm-7.014 7.114c1.19 1.19 3.024 1.19 4.214 0l-1.414-1.414c-.41.41-.976.41-1.385 0l-1.415 1.414zm4.214 0c1.191-1.19 1.19-3.024 0-4.214l-1.414 1.414c.41.41.41.977 0 1.386l1.415 1.414zm-.026-4.24-1.4-1.3-1.361 1.466 1.4 1.3 1.36-1.466zm-9.588 4.54 2.4 2.4 1.414-1.414-2.4-2.4-1.414 1.414zm2.4 2.4c.97.97 2.623 1.356 3.907.393l-1.2-1.6c-.316.237-.863.223-1.293-.207l-1.414 1.414zm3.88.412c1.508-1.055 1.676-3.284.434-4.526l-1.414 1.414c.358.359.326 1.129-.166 1.474l1.146 1.638zm.46-4.5-1.3-1.4-1.466 1.361 1.3 1.4 1.466-1.36zM5.293 18.708l5 5 1.414-1.414-5-5-1.414 1.414zM26 9l-.707-.707h-.001v.001h-.001v.001l-.001.001-.001.001h-.001v.001l-.001.001h-.001V8.3l-.002.001v.001h-.001l-.001.002-.002.002-.002.002-.002.002h-.001a.13.13 0 0 0-.006.007l-.002.001v.002l-.002.001-.002.002a.103.103 0 0 0-.004.004l-.002.002-.001.001-.002.002-.002.001-.001.002-.002.002-.002.002-.002.001c0 .001 0 .002-.002.002l-.001.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002a.272.272 0 0 0-.005.005l-.003.003-.002.002-.003.003-.002.002-.003.003-.002.002-.003.003-.003.003-.003.002-.002.003-.003.003-.003.002-.003.003-.002.003-.003.003a.072.072 0 0 0-.003.003l-.003.003a.073.073 0 0 0-.003.003l-.003.003-.003.003a.853.853 0 0 0-.003.003l-.003.003-.003.003a.1.1 0 0 1-.003.003l-.003.003-.003.003-.003.003-.003.003a.493.493 0 0 0-.007.007l-.003.003a.108.108 0 0 1-.007.007l-.003.003a1956203611.42 1956203611.42 0 0 0-.007.007l-.003.003-.004.004-.003.003-.004.003c0 .002-.002.003-.003.004l-.004.004a1.197 1.197 0 0 0-.003.003l-.004.004-.003.003-.004.004-.004.003c0 .002-.002.003-.003.004a.117.117 0 0 0-.008.008l-.004.003-.003.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004a1.407 1.407 0 0 0-.004.004l-.004.004a.717.717 0 0 0-.004.004l-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004a.152.152 0 0 1-.008.008l-.004.004-.004.004-.004.004-.004.004a.16.16 0 0 0-.005.004c0 .002-.002.003-.004.005l-.004.004-.004.004-.004.004-.005.004-.004.005-.004.004a.175.175 0 0 1-.005.004c0 .002-.002.003-.004.005l-.004.004-.005.004c0 .002-.002.003-.004.005l-.004.004-.005.004-.004.005a.167.167 0 0 0-.004.004l-.005.005-.005.004-.004.005a1.916 1.916 0 0 0-.005.004l-.004.005-.005.004-.004.005-.005.004-.004.005-.005.005-.005.004-.004.005-.005.005-.004.004a.173.173 0 0 0-.005.005l-.005.005a.208.208 0 0 0-.01.009c0 .002-.002.003-.004.005a.21.21 0 0 0-.005.005l-.005.004-.004.005-.005.005-.005.005-.005.005-.005.004a.225.225 0 0 0-.004.005l-.005.005a.205.205 0 0 0-.005.005l-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005a2.416 2.416 0 0 0-.005.005l-.005.006a1.215 1.215 0 0 0-.005.005l-.005.005a2.445 2.445 0 0 0-.01.01l-.005.005a2.467 2.467 0 0 0-.005.005l-.005.005-.006.005-.005.005-.005.006-.005.005-.005.005-.005.005-.006.005-.005.006-.005.005-.005.005a.233.233 0 0 0-.005.005l-.006.005-.005.006-.005.005-.005.005-.006.005a.294.294 0 0 1-.005.006l-.005.005a.265.265 0 0 0-.021.021l-.006.006-.005.005a.265.265 0 0 1-.01.01l-.006.006a.266.266 0 0 1-.016.016l-.006.005a.242.242 0 0 0-.005.006l-.005.005-.006.005-.005.006a2.742 2.742 0 0 0-.016.016l-.005.005-.006.006-.005.005-.006.006-.005.005a2.765 2.765 0 0 1-.006.005l-.005.006-.005.005a.283.283 0 0 0-.006.006l-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005-.006.006a.284.284 0 0 0-.005.005l-.006.006a.284.284 0 0 0-.005.005l-.006.006-.005.005a.284.284 0 0 1-.011.01l-.006.006-.005.006-.005.005-.006.006a2.803 2.803 0 0 1-.005.005l-.006.006-.005.005-.006.006-.005.005-.006.006a.284.284 0 0 0-.01.01l-.006.006-.006.005-.005.006-.006.005-.005.006-.005.005a.284.284 0 0 1-.006.006l-.005.005-.006.006-.005.005a.284.284 0 0 1-.006.005l-.005.006a.284.284 0 0 1-.006.005l-.005.006-.005.005-.006.006-.005.005-.006.006a.283.283 0 0 1-.005.005l-.006.005a2.765 2.765 0 0 1-.005.006l-.005.005-.006.006a2.757 2.757 0 0 1-.005.005l-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005a.267.267 0 0 1-.006.006l-.005.005a.266.266 0 0 0-.005.005l-.006.006a.242.242 0 0 0-.005.005l-.006.005-.005.006a2.696 2.696 0 0 1-.005.005l-.005.005-.006.006-.005.005-.005.005-.006.006-.005.005-.005.005a.264.264 0 0 1-.006.005l-.005.006-.005.005a.24.24 0 0 1-.005.005l-.006.005-.005.006-.005.005-.005.005-.006.005-.005.006-.005.005-.005.005-.005.005a.231.231 0 0 1-.005.005l-.006.005-.005.006-.005.005a.253.253 0 0 1-.005.005l-.005.005-.005.005-.005.005-.006.005a2.445 2.445 0 0 1-.005.005l-.005.005-.005.006-.005.005-.005.005a2.402 2.402 0 0 1-.015.015l-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.004.005-.005.005-.005.005a.205.205 0 0 1-.01.01l-.005.004a2.179 2.179 0 0 1-.014.015l-.005.005-.005.004-.004.005-.005.005a2.119 2.119 0 0 1-.01.01l-.004.004-.005.005-.005.004-.004.005-.005.005-.004.004a.181.181 0 0 1-.01.01l-.004.004a.18.18 0 0 1-.005.004l-.004.005a1.922 1.922 0 0 1-.005.005l-.004.004-.005.004-.004.005-.005.004-.004.005a.183.183 0 0 1-.005.004c0 .002-.002.003-.004.005a.182.182 0 0 1-.004.004l-.005.004-.004.005-.004.004-.005.004-.004.005-.004.004-.005.004c0 .002-.002.003-.004.004l-.004.005-.004.004-.004.004-.005.004c0 .002-.002.003-.004.004l-.004.005-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004a8491334680.957 8491334680.957 0 0 1-.008.008l-.004.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004l-.004.004-.004.004-.004.004-.004.003c0 .002-.002.003-.003.004l-.004.004a3633073655.432 3633073655.432 0 0 0-.008.007c0 .002-.002.003-.003.004l-.004.004-.003.003-.004.004-.004.003-.003.004-.003.003-.004.004-.003.003-.004.004a3250884297.246 3250884297.246 0 0 0-.01.01l-.003.003-.004.004-.003.003-.003.003-.004.003a2716058231.859 2716058231.859 0 0 1-.006.007l-.003.003-.003.003-.003.003-.004.003-.003.004-.003.003-.003.003-.003.003-.003.002c0 .002-.002.002-.003.003l-.003.003-.002.003-.003.003-.003.003-.003.003-.003.003-.003.002-.002.003-.003.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.002.002-.003.002-.002.003-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.001.001-.002.002-.002.002 1.414 1.414.002-.002.002-.002.002-.001.001-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002.003-.002.002-.003.002-.002.002-.002.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.003-.002a.037.037 0 0 0 .003-.003l.002-.003.003-.003.003-.003.003-.003.003-.002a.08.08 0 0 1 .003-.003l.003-.003.003-.003.003-.003.003-.003a.09.09 0 0 1 .006-.006l.003-.004.003-.003a.092.092 0 0 1 .003-.003l.003-.003.003-.003.004-.003c0-.002.002-.003.003-.004l.003-.003.003-.003a2889930025.631 2889930025.631 0 0 1 .007-.007l.003-.003a.055.055 0 0 1 .004-.004l.003-.003.004-.003c0-.002.002-.003.003-.004l.004-.003c0-.002.002-.003.003-.004l.004-.004a3439172743.957 3439172743.957 0 0 0 .007-.007l.003-.003.004-.004.004-.003.003-.004.004-.004.004-.004a.13.13 0 0 1 .004-.003c0-.002.002-.003.003-.004l.004-.004.004-.004.004-.004.004-.003c0-.002.002-.003.004-.004 0-.002.002-.003.003-.004a.149.149 0 0 1 .008-.008l.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004.005-.004c0-.002.002-.003.004-.004l.004-.005.004-.004.004-.004.004-.004.005-.004a.172.172 0 0 1 .008-.009l.004-.004.005-.004.004-.005.004-.004.005-.004a.18.18 0 0 1 .004-.005l.004-.004.005-.005.004-.004.005-.004.004-.005.005-.004.004-.005.004-.004.005-.005a.197.197 0 0 1 .005-.004l.004-.005.005-.005a.197.197 0 0 1 .013-.013l.005-.005a3743849765.858 3743849765.858 0 0 0 .01-.01l.004-.004a.104.104 0 0 1 .01-.01l.004-.004.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.005.005-.005a.229.229 0 0 1 .01-.01l.005-.004.004-.005.005-.005a.233.233 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005a.118.118 0 0 0 .005-.005l.006-.005.005-.005.005-.005.005-.005.005-.006.005-.005.005-.005a.253.253 0 0 1 .005-.005l.005-.005.005-.005.006-.005a.253.253 0 0 1 .005-.006l.005-.005.005-.005.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006a.267.267 0 0 1 .005-.005l.006-.005a.267.267 0 0 1 .005-.006l.005-.005a.267.267 0 0 1 .006-.005l.005-.006.006-.005.005-.006a.267.267 0 0 1 .005-.005l.006-.005.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005a.143.143 0 0 0 .006-.006l.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.005-.005.006-.006.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.006-.005a.283.283 0 0 1 .005-.006l.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.006l.005-.005a.143.143 0 0 0 .006-.006l.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006.006-.005.005-.006.006-.005a.283.283 0 0 1 .005-.006l.005-.005.006-.006.005-.005a.283.283 0 0 1 .006-.005l.005-.006.006-.005.005-.006a.143.143 0 0 0 .006-.005l.005-.006.005-.005.006-.006.005-.005.006-.005.005-.006a.283.283 0 0 1 .006-.005l.005-.006.005-.005.006-.005.005-.006.006-.005.005-.006.005-.005.006-.005.005-.006.005-.005.006-.005.005-.006.006-.005a.267.267 0 0 1 .005-.006l.005-.005.005-.005.006-.006.005-.005a.267.267 0 0 1 .01-.01l.006-.006.005-.005.006-.005a.262.262 0 0 1 .01-.011l.006-.005.005-.006.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005.005-.005.006-.005.005-.006.005-.005.005-.005a.253.253 0 0 1 .005-.005l.006-.005a.253.253 0 0 1 .005-.005l.005-.006.005-.005a.253.253 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.006-.005a.238.238 0 0 1 .005-.005l.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.005-.005.004-.005.005-.005.005-.005.005-.005.005-.005a.224.224 0 0 1 .005-.005l.005-.005.005-.004.004-.005.005-.005.005-.005.005-.005.005-.004.004-.005a.21.21 0 0 1 .01-.01l.004-.004.005-.005.005-.005a.206.206 0 0 1 .004-.004l.005-.005.005-.004.004-.005.005-.005.004-.004.005-.005.005-.004.004-.005.005-.004.004-.005.005-.005.004-.004.005-.005.004-.004.005-.004.004-.005.004-.004.005-.005.004-.004.004-.004.005-.005.004-.004.004-.004.005-.004.004-.005.004-.004.004-.004.005-.004c0-.002.002-.003.004-.004l.004-.005.004-.004.004-.004.004-.004.004-.004.004-.004.004-.004a.153.153 0 0 1 .004-.004l.004-.004a.149.149 0 0 1 .008-.008.136.136 0 0 1 .008-.008 8072996200.381 8072996200.381 0 0 0 .008-.008l.004-.004.004-.003c0-.002.002-.003.004-.004 0-.002.002-.003.003-.004l.004-.004.004-.004.003-.003.004-.004.004-.004a.626.626 0 0 1 .004-.003c0-.002.002-.003.003-.004l.004-.004.003-.003.004-.004a.116.116 0 0 1 .01-.01l.004-.004.004-.003a.1.1 0 0 1 .003-.004l.003-.003a.109.109 0 0 1 .004-.003c0-.002.002-.003.003-.004l.003-.003a1.031 1.031 0 0 1 .014-.013l.003-.003c0-.002.002-.003.003-.004a.096.096 0 0 0 .003-.003l.003-.003.003-.003.003-.003.003-.003a.866.866 0 0 1 .006-.006l.003-.003a.832.832 0 0 1 .003-.003l.003-.003.003-.003.003-.003.003-.003.003-.003.003-.002.002-.003.003-.003.003-.003.002-.002.003-.003.003-.002.002-.003.003-.003.002-.002.003-.003.002-.002.003-.003.002-.002.003-.002.002-.003.002-.002.003-.003.002-.002.002-.002.003-.002c0-.001 0-.002.002-.002l.002-.003.002-.002.002-.002.002-.002a.2.2 0 0 1 .002-.002l.002-.002.002-.002.002-.002.002-.002.002-.002.002-.002a.155.155 0 0 1 .003-.003l.002-.002.002-.002.002-.001.001-.002.002-.002.001-.001.002-.002.002-.001.001-.002.002-.001v-.002l.002-.001.002-.001.001-.002.001-.001.002-.001v-.002a.134.134 0 0 1 .004-.003l.001-.001.001-.001.001-.001.001-.001.001-.001.001-.001h.001v-.002h.002v-.001l.001-.001.002-.001v-.001l.001-.001.001-.001.001-.001h.001v-.001h.001L26 9zm-2.707 1.293c.173-.173.343-.193.27-.176a1.45 1.45 0 0 1-.208.026c-.234.018-.56.02-.949.007-.772-.024-1.67-.096-2.33-.147l-.153 1.994c.641.05 1.593.127 2.42.152.412.013.823.015 1.164-.011.169-.013.35-.035.52-.075.121-.029.432-.108.68-.356l-1.414-1.414zm-3.216-.29c-.515-.04-1.053.08-1.527.23-.489.155-.997.373-1.478.6-.482.229-.961.478-1.388.7-.437.229-.805.422-1.103.559l.838 1.816c.352-.163.771-.382 1.19-.601.43-.225.876-.456 1.319-.665.444-.21.86-.386 1.228-.503.383-.121.632-.152.767-.142l.154-1.994zm-5.496 2.089c-.692.32-1.356.747-1.664 1.414-.354.768-.096 1.494.235 2.024l1.696-1.06a.699.699 0 0 1-.1-.208c0-.002.001.01-.001.03a.181.181 0 0 1-.014.052c-.01.02.002-.019.112-.106.111-.088.292-.2.574-.33l-.838-1.816zm-1.429 3.438c.427.684 1.31 1.242 2.323 1.531 1.06.303 2.386.353 3.83-.109l-.61-1.904c-1.056.338-1.98.288-2.67.09-.737-.21-1.104-.552-1.177-.668l-1.696 1.06zm6.135 1.428c.677-.203 1.416-.047 2.065.235a5.393 5.393 0 0 1 1.018.584l.008.006h-.001v-.001h-.001L23 17c.625-.78.624-.781.624-.781l-.002-.002-.003-.002-.009-.007-.026-.02a6.368 6.368 0 0 0-.387-.27 7.42 7.42 0 0 0-1.05-.56c-.85-.369-2.111-.713-3.434-.316l.574 1.916zm3.006.75 8 8 1.414-1.415-8-8-1.414 1.414zm-9-8 3 3 1.414-1.415-3-3-1.414 1.414zm20 7.585-4.5 4.5 1.414 1.414 4.5-4.5-1.414-1.414z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"donation-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M2 19a1 1 0 1 0 0 2v-2zm36 2a1 1 0 1 0 0-2v2zM21 8a1 1 0 1 0-2 0h2zm-2 24a1 1 0 1 0 2 0h-2zm7-13.7-.676-.737a.892.892 0 0 0-.031.03L26 18.3zm-12 0 .708-.707a.986.986 0 0 0-.032-.03l-.675.737zm0 4.7a1 1 0 1 0 0 2v-2zm12 2a1 1 0 1 0 0-2v2zM2 21h36v-2H2v2zM19 8v24h2V8h-2zm6.293 9.593c-.099.099-.415.283-1.02.49-.559.193-1.23.361-1.892.501a32.888 32.888 0 0 1-2.491.422l-.01.001h-.001L20 20l.122.993h.001l.004-.001c.003 0 .007 0 .012-.002.01 0 .025-.003.044-.005a27.755 27.755 0 0 0 .752-.108 35.006 35.006 0 0 0 1.859-.336c.7-.148 1.46-.336 2.13-.566.623-.214 1.332-.517 1.783-.968l-1.414-1.414zM20 20l.925.38v-.002l.004-.008.013-.03.05-.121c.045-.105.11-.258.192-.445.163-.375.392-.885.654-1.427a23.39 23.39 0 0 1 .839-1.596c.297-.508.55-.864.73-1.044l-1.414-1.414c-.37.37-.73.914-1.042 1.447a25.492 25.492 0 0 0-.914 1.737 43.527 43.527 0 0 0-.957 2.13l-.004.01v.002l-.001.001L20 20zm3.407-4.293a2.28 2.28 0 0 1 1.328-.663c.446-.05.77.074.958.263l1.414-1.414c-.711-.712-1.688-.937-2.592-.837-.907.1-1.816.53-2.522 1.237l1.414 1.414zm2.286-.4c.404.405.515 1.446-.369 2.256l1.352 1.474c1.516-1.39 1.827-3.749.431-5.144l-1.414 1.414zm-12.4 3.7c.452.451 1.161.754 1.784.968.669.23 1.429.418 2.13.566a35.003 35.003 0 0 0 2.61.444l.044.005.012.002h.005L20 20l.122-.993h-.003l-.008-.001a4.733 4.733 0 0 1-.189-.025 32.903 32.903 0 0 1-2.303-.397 16.575 16.575 0 0 1-1.892-.5c-.605-.208-.92-.392-1.02-.491l-1.414 1.414zM20 20l.925-.38-.001-.003-.004-.01a5.06 5.06 0 0 0-.07-.165 43.862 43.862 0 0 0-.887-1.964 25.3 25.3 0 0 0-.914-1.738c-.312-.533-.67-1.077-1.041-1.447l-1.415 1.414c.18.18.433.536.73 1.044.287.488.577 1.053.84 1.596a41.814 41.814 0 0 1 .908 2.023l.003.008v.001L20 20zm-1.992-5.707a4.278 4.278 0 0 0-2.522-1.237c-.905-.1-1.881.126-2.593.837l1.415 1.414c.188-.189.512-.313.957-.263.444.05.935.27 1.328.663l1.415-1.414zm-5.114-.4c-1.396 1.395-1.085 3.754.43 5.144l1.352-1.474c-.884-.81-.773-1.851-.368-2.256l-1.415-1.414zM20 20l-.997-.076v-.01.01a2.68 2.68 0 0 1-.093.403 3.31 3.31 0 0 1-.558 1.054C17.778 22.11 16.585 23 14 23v2c3.115 0 4.922-1.11 5.923-2.381.485-.616.75-1.23.896-1.696a4.668 4.668 0 0 0 .169-.756 2.448 2.448 0 0 0 .009-.086v-.005L20 20zm0 0-.999.051v.005l.001.008.001.02a2.604 2.604 0 0 0 .029.24c.022.147.061.346.13.581.136.468.392 1.088.873 1.708C21.028 23.895 22.842 25 26 25v-2c-2.642 0-3.828-.895-4.385-1.613a3.15 3.15 0 0 1-.533-1.042 2.558 2.558 0 0 1-.083-.398v-.009.012L20 20zM6 32c-1.546 0-2.493-.386-3.063-.964C2.365 30.454 2 29.503 2 28H0c0 1.797.435 3.346 1.513 4.44C2.593 33.535 4.146 34 6 34v-2zm-4-4V12H0v16h2zm0-16c0-1.504.365-2.454.937-3.036C3.507 8.386 4.454 8 6 8V6c-1.854 0-3.407.464-4.487 1.56C.435 8.655 0 10.205 0 12h2zm4-4h28V6H6v2zm28 0c1.546 0 2.493.386 3.063.964.572.582.937 1.532.937 3.036h2c0-1.796-.435-3.346-1.513-4.44C37.407 6.465 35.854 6 34 6v2zm4 4v16h2V12h-2zm0 16c0 1.4-.477 2.35-1.217 2.97-.766.643-1.937 1.03-3.483 1.03v2c1.854 0 3.533-.462 4.767-1.496C39.327 31.45 40 29.901 40 28h-2zm-4.7 4H6v2h27.3v-2z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"event-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m22.3 17.1 4.7.9-3.3 3.4.6 4.6-4.3-2-4.3 2 .6-4.6L13 18l4.7-.9L20 13l2.3 4.1z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003cpath d=\"M38 33H2c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h36c.6 0 1 .4 1 1v24c0 .6-.4 1-1 1z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"membership-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M23 15a1 1 0 1 0 0 2v-2zm10 2a1 1 0 1 0 0-2v2zm-10 2a1 1 0 1 0 0 2v-2zm7 2a1 1 0 1 0 0-2v2zm-7 2a1 1 0 1 0 0 2v-2zm8 2a1 1 0 1 0 0-2v2zm-15.392.51a1 1 0 0 0 1.585-1.22l-1.585 1.22zm-9-1.22a1 1 0 0 0 1.585 1.22l-1.585-1.22zM37 32H3v2h34v-2zM3 32c-.548 0-1-.452-1-1H0c0 1.652 1.348 3 3 3v-2zm-1-1V9H0v22h2zM2 9c0-.548.452-1 1-1V6C1.348 6 0 7.348 0 9h2zm1-1h34V6H3v2zm34 0c.548 0 1 .452 1 1h2c0-1.652-1.348-3-3-3v2zm1 1v22h2V9h-2zm0 22c0 .548-.452 1-1 1v2c1.652 0 3-1.348 3-3h-2zM23 17h10v-2H23v2zm0 4h7v-2h-7v2zm0 4h8v-2h-8v2zm-9.1-7a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2zm-2 2a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4v-2zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4h2zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2zm5.293 8.29c-1.184-1.539-3.173-2.59-5.293-2.59v2c1.48 0 2.891.748 3.708 1.81l1.585-1.22zM11.9 21.7c-2.12 0-4.109 1.051-5.292 2.59l1.585 1.22c.816-1.062 2.227-1.81 3.707-1.81v-2z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"food-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cg clip-path=\"url(#clip0)\"\u003e\u003cpath d=\"M14.293 21.85 1.758 34.132c-1.01.99-1.01 2.972 0 3.962 1.011.99 3.033.99 4.044 0l12.737-14.859m4.145-4.953c1.214-1.283 2.528-2.675 2.528-2.675 1.718 1.684 4.288 1.392 6.47-.693 2.18-2.086 5.812-6.747 6.065-7.33.253-.585.71-1.385 0-2.081a1.487 1.487 0 0 0-2.123 0m0 0c-.1.099-.1.099 0 0zm0 0c.607-.595.607-1.486 0-2.08a1.487 1.487 0 0 0-2.123 0m2.123 2.08s-3.942 3.92-6.124 6.124m4.001-8.204c-.1.099-.1.099 0 0zm0 0c.607-.595.607-1.486 0-2.08-.606-.595-1.367-.47-2.123 0-.755.468-7.48 5.943-7.48 5.943-1.82 1.486-2.427 4.656-.708 6.34 0 0-1.61 1.34-2.83 2.476M33.5 3.423s-1.001 1.077-6 6.001M3.78 1.442S37 32 38.15 33.142c1.152 1.142.81 4.061 0 4.953-.909.892-3.74 1.486-5.054 0L22.987 24.227c-.808-.991-3.74-.991-5.054-.991-1.416 0-3.235-.892-4.044-1.981L4.791 10.358C2.97 7.98 2.162 4.018 3.78 1.442z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c/path\u003e\u003c/g\u003e\u003cdefs\u003e\u003cclipPath id=\"clip0\"\u003e\u003cpath fill=\"var(--background-fill)\" d=\"M0 0h40v40H0z\"\u003e\u003c/path\u003e\u003c/clipPath\u003e\u003c/defs\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"image-icon\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32z\" fill=\"var(--background-fill)\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.372 28.25c1.196 0 2.166-1.007 2.166-2.25s-.97-2.25-2.166-2.25-2.166 1.007-2.166 2.25.97 2.25 2.166 2.25zm-1.288 3.913a1 1 0 0 0-1.562.154L21.42 38.71a1 1 0 0 0 .841 1.54h19.504a1 1 0 0 0 .857-1.515l-5.552-9.23a1 1 0 0 0-1.65-.094l-4.173 5.42a1 1 0 0 1-1.513.083l-2.649-2.752z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"section-icon\" viewBox=\"0 0 16 16\"\u003e\u003cpath style=\"fill:var(--icon-fill)\" d=\"M.667.057a.993.993 0 0 0-.66 1.021.96.96 0 0 0 .556.819l.201.099 7.174.008c6.45.007 7.19.003 7.336-.039.354-.103.576-.325.709-.708.052-.147.062-.42.019-.499a5.394 5.394 0 0 1-.09-.189 1.078 1.078 0 0 0-.482-.476l-.165-.078-7.22-.007C1.114.002.819.004.667.057m-.657.949c0 .115.005.159.012.097a1.238 1.238 0 0 0 0-.211C.015.839.01.89.01 1.006m.753 3.021a1.11 1.11 0 0 0-.557.368c-.219.291-.208.084-.199 3.665l.008 3.212.083.169c.097.198.298.395.497.487l.14.064 7.23.008 7.229.008.175-.071a.999.999 0 0 0 .597-.629c.064-.173.064-.184.064-3.354 0-2.101-.01-3.181-.03-3.181-.017 0-.03-.021-.03-.046 0-.136-.233-.451-.422-.57-.277-.175.223-.165-7.546-.161-4.21.002-7.167.014-7.239.031M.014 8c0 1.767.004 2.485.009 1.596.004-.888.004-2.334 0-3.212C.018 5.506.014 6.233.014 8m1.997 0v1.996h11.978V6.004H2.011V8M.832 14.02a1.028 1.028 0 0 0-.739.569c-.065.138-.078.208-.078.42 0 .213.013.283.078.421.093.196.287.395.476.488l.136.067 7.256.008 7.255.007.169-.063c.367-.137.645-.56.645-.981 0-.103-.01-.187-.023-.187s-.047-.068-.077-.151c-.073-.207-.32-.451-.55-.544l-.175-.07L8.09 14c-3.913-.003-7.179.006-7.258.02m-.822.989c0 .124.005.175.012.113a1.408 1.408 0 0 0 0-.225c-.007-.062-.012-.011-.012.112\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/symbol\u003e\u003csymbol id=\"category-folder-icon\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003csvg width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath stroke=\"var(--icon-fill)\" d=\"M39 17a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4m14.5-8L11 5H2a1 1 0 0 0-1 1v27a2 2 0 0 0 2 2h34a2 2 0 0 0 2-2V10a1 1 0 0 0-1-1H15.5z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"phone-icon\" viewBox=\"0 0 16 16\"\u003e\u003csvg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m9.606 9.333-.04.04-.035.044-.526.66A9.316 9.316 0 0 1 5.94 7.036l.683-.581.037-.032.034-.036a1.68 1.68 0 0 0 .394-1.673l-.002-.009-.003-.008A6.435 6.435 0 0 1 6.76 2.66C6.76 1.748 6.012 1 5.1 1H2.793c-.303 0-.716.063-1.087.311A1.585 1.585 0 0 0 1 2.66C1 9.406 6.601 15 13.34 15a1.59 1.59 0 0 0 1.326-.681c.253-.361.334-.774.334-1.106v-2.3c0-.912-.748-1.66-1.66-1.66-.71 0-1.397-.115-2.039-.322a1.652 1.652 0 0 0-1.695.402z\" stroke=\"var(--icon-fill)\" stroke-width=\"2\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"direction-icon\" viewBox=\"0 0 21 21\"\u003e\u003csvg width=\"21\" height=\"21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m19.71 10.29-9-9a.996.996 0 0 0-1.41 0l-9 9a.996.996 0 0 0 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9a.996.996 0 0 0 0-1.41zM12 13.5V11H8v3H6v-4c0-.55.45-1 1-1h5V6.5l3.5 3.5-3.5 3.5z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"map-icon\" viewBox=\"0 0 20 19\"\u003e\u003csvg width=\"20\" height=\"19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath d=\"m19.32 2.05-6-2h-.07a.7.7 0 0 0-.14 0h-.43L7 2 1.32.05a1 1 0 0 0-.9.14A1 1 0 0 0 0 1v14a1 1 0 0 0 .68.95l6 2a1 1 0 0 0 .62 0l5.7-1.9L18.68 18c.106.014.214.014.32 0a.94.94 0 0 0 .58-.19A1.001 1.001 0 0 0 20 17V3a1 1 0 0 0-.68-.95zM6 15.61l-4-1.33V2.39l4 1.33v11.89zm6-1.33-4 1.33V3.72l4-1.33v11.89zm6 1.33-4-1.33V2.39l4 1.33v11.89z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003csymbol id=\"list-icon\" viewBox=\"0 0 24 24\"\u003e\u003csvg width=\"24\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm1 18V4h16v16H4zM7 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2-8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1zm1 3a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6zm-1 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1z\" fill=\"var(--icon-fill)\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/symbol\u003e\u003c/svg\u003e\u003c/div\u003e \u003cdiv class=\"cko__footer cko--max-width\"\u003e\u003cdiv class=\"cko__footer-divider 📚19-10-2_q2yX\" style=\"--divider-color: #918e87; --divider-size: 1px;\"\u003e\u003c/div\u003e \u003cdiv class=\"cko__footer-container is-last-footer\"\u003e\u003csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"var(--maker-color-neutral-90)\" class=\"cko__footer-logo\"\u003e\u003cpath d=\"M3.446.032a3.961 3.961 0 0 0-2.264 1.149C.604 1.761.283 2.344.069 3.198c-.048.193-.052.778-.061 8.652-.009 7.364-.004 8.481.035 8.73a4.038 4.038 0 0 0 2.821 3.254c.606.175.079.166 9.132.166 9.237 0 8.592.014 9.242-.199a4.063 4.063 0 0 0 2.385-2.114c.149-.316.273-.713.32-1.03.017-.117.044-.235.059-.264.035-.065.038-16.833.004-16.812-.013.009-.04-.088-.058-.215a4.163 4.163 0 0 0-.644-1.618 4.874 4.874 0 0 0-.978-.999 4.384 4.384 0 0 0-1.146-.57c-.618-.19-.035-.179-9.21-.175-4.595.002-8.431.014-8.524.028M.015 12c0 4.628.003 6.522.007 4.208.005-2.315.005-6.101 0-8.415C.018 5.478.015 7.372.015 12m5.219-7.564a1.04 1.04 0 0 0-.388.213c-.18.144-.338.374-.406.592-.059.193-.06.263-.06 6.759s.001 6.566.06 6.759c.102.33.35.606.69.768l.165.078h13.41l.197-.097c.253-.123.483-.353.606-.606l.097-.197V5.295l-.097-.197a1.366 1.366 0 0 0-.606-.606l-.197-.097-6.66-.007c-6.372-.006-6.667-.004-6.811.048M9.27 8.728a.815.815 0 0 0-.351.217c-.199.208-.189.043-.189 3.04s-.01 2.832.189 3.04c.053.055.15.129.216.165l.12.065h5.49l.123-.066a.91.91 0 0 0 .361-.388c.034-.082.041-.579.041-2.816 0-2.997.01-2.832-.189-3.04a1.075 1.075 0 0 0-.216-.165l-.12-.065-2.7-.005c-1.485-.003-2.734.005-2.775.018\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e \u003cdiv class=\"cko__footer-text\"\u003e\n\t\t\t\tPassage en caisse sécurisé par Square\n\t\t\t\u003c/div\u003e \u003cdiv data-v-37b9dd09=\"\" class=\"payment-methods cko__footer-payment-methods\"\u003e\u003c!----\u003e \u003cspan data-v-37b9dd09=\"\" class=\"square-pay\"\u003e\u003csvg data-v-37b9dd09=\"\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" class=\"square-pay__icon\"\u003e\u003cpath d=\"M3.446.032a3.961 3.961 0 0 0-2.264 1.149C.604 1.761.283 2.344.069 3.198c-.048.193-.052.778-.061 8.652-.009 7.364-.004 8.481.035 8.73a4.038 4.038 0 0 0 2.821 3.254c.606.175.079.166 9.132.166 9.237 0 8.592.014 9.242-.199a4.063 4.063 0 0 0 2.385-2.114c.149-.316.273-.713.32-1.03.017-.117.044-.235.059-.264.035-.065.038-16.833.004-16.812-.013.009-.04-.088-.058-.215a4.163 4.163 0 0 0-.644-1.618 4.874 4.874 0 0 0-.978-.999 4.384 4.384 0 0 0-1.146-.57c-.618-.19-.035-.179-9.21-.175-4.595.002-8.431.014-8.524.028M.015 12c0 4.628.003 6.522.007 4.208.005-2.315.005-6.101 0-8.415C.018 5.478.015 7.372.015 12m5.219-7.564a1.04 1.04 0 0 0-.388.213c-.18.144-.338.374-.406.592-.059.193-.06.263-.06 6.759s.001 6.566.06 6.759c.102.33.35.606.69.768l.165.078h13.41l.197-.097c.253-.123.483-.353.606-.606l.097-.197V5.295l-.097-.197a1.366 1.366 0 0 0-.606-.606l-.197-.097-6.66-.007c-6.372-.006-6.667-.004-6.811.048M9.27 8.728a.815.815 0 0 0-.351.217c-.199.208-.189.043-.189 3.04s-.01 2.832.189 3.04c.053.055.15.129.216.165l.12.065h5.49l.123-.066a.91.91 0 0 0 .361-.388c.034-.082.041-.579.041-2.816 0-2.997.01-2.832-.189-3.04a1.075 1.075 0 0 0-.216-.165l-.12-.065-2.7-.005c-1.485-.003-2.734.005-2.775.018\" fill-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/applepay.svg\" alt=\"Apple Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/googlepay.svg\" alt=\"Google Pay\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/visa.svg\" alt=\"Visa\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/mastercard.svg\" alt=\"Mastercard\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/americanexpress.svg\" alt=\"American Express\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/discover.svg\" alt=\"Discover\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/jcb.svg\" alt=\"JCB\" class=\"supported-payment-method\"\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/afterpay.svg\" alt=\"Afterpay\" class=\"supported-payment-method\"\u003e \u003c!----\u003e \u003cimg data-v-37b9dd09=\"\" src=\"/static/icons/payment-methods/interac.svg\" alt=\"Interac\" class=\"supported-payment-method\"\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-753131ee=\"\" class=\"📚19-10-2_MzTS theme-square w-background-light\"\u003e\u003c!----\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-753131ee=\"\" class=\"📚19-10-2_4EhS theme-square w-background-light\"\u003e\u003c!----\u003e \u003c!----\u003e\u003c/div\u003e \u003cdiv data-v-753131ee=\"\" class=\"theme-square w-background-light\"\u003e\u003cdiv id=\"popover-portal-1\" class=\"📚19-10-2MBxkh\"\u003e\u003cdiv\u003e\u003c!----\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e \u003c!----\u003e \u003c!----\u003e \u003c!----\u003e \u003c!----\u003e\u003c/div\u003e\n\n                \n        \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn3.editmysite.com/app/checkout/assets/checkout/css/wcko.d01e607a0316a2da0559.css\"\u003e\n    \n\n\u003cscript id=\"sq-messages-plugin\" src=\"https://conversations-production-f.squarecdn.com/v2/messages-plugin.js\" data-auto-show=\"false\" data-seller-key=\"KFCY8B31PYBQ0\"\u003e\u003c/script\u003e\u003cscript async=\"\" src=\"https://www.google.com/recaptcha/api.js?render=6LdIjoYhAAAAANT4Xy0LaHGw4_e_1FKcwveKCxY6\"\u003e\u003c/script\u003e\u003cdiv\u003e\u003cdiv class=\"grecaptcha-badge\" data-style=\"bottomright\" style=\"width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;\"\u003e\u003cdiv class=\"grecaptcha-logo\"\u003e\u003ciframe title=\"reCAPTCHA\" width=\"256\" height=\"60\" role=\"presentation\" name=\"a-u8o3hmbx9scc\" frameborder=\"0\" scrolling=\"no\" sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation\" src=\"https://www.google.com/recaptcha/api2/anchor?ar=1\u0026amp;k=6LdIjoYhAAAAANT4Xy0LaHGw4_e_1FKcwveKCxY6\u0026amp;co=aHR0cHM6Ly9wcmVzYnl0ZXJlLWJhdGlzY2FuLnNxdWFyZS5zaXRlOjQ0Mw..\u0026amp;hl=en\u0026amp;v=TnA7HacJFoDyljdc3L82L3Rh\u0026amp;size=invisible\u0026amp;anchor-ms=20000\u0026amp;execute-ms=30000\u0026amp;cb=bptdh1egqymt\"\u003e\u003c/iframe\u003e\u003c/div\u003e\u003cdiv class=\"grecaptcha-error\"\u003e\u003c/div\u003e\u003ctextarea id=\"g-recaptcha-response-100000\" name=\"g-recaptcha-response\" class=\"g-recaptcha-response\" style=\"width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;\"\u003e\u003c/textarea\u003e\u003c/div\u003e\u003ciframe style=\"display: none;\"\u003e\u003c/iframe\u003e\u003c/div\u003e\u003cdiv data-market-features=\"typography\"\u003e\u003cmessages-plugin sellerkey=\"KFCY8B31PYBQ0\" initialname=\"\" initialphonenumber=\"\" initialmessage=\"\" source=\"SQUARE_ONLINE_SITE\" color=\"#558632\" logo=\"/uploads/b/70854198d17c2bb8e8f34cc3c3ea307fc70c3da7bbba5ad121b29da4c9a49e3e/2023 VP hori sf 2022-12-19 18_30_06_1671474621.png\" businessname=\"Vieux presbytère de Batiscan\" locationname=\"Vieux presbytère de Batiscan\" responsetimetext=\"We'll respond as soon as we can\" data-market-theme=\"monochrome\" ismultiunit=\"\" ispopoveropen=\"\"\u003eundefined\n      \u003cdiv class=\"popover-container\" part=\"popover\"\u003e\n        \u003c!--?lit$459924142$--\u003e\n        \u003c!--?lit$459924142$--\u003e\n      \u003cmsg-plugin-market-popover class=\"popover market-popover\" hydrated=\"\"\u003e\n        \u003cmsg-plugin-market-button class=\"contact-us-button market-button\" rank=\"secondary\" aria-controls=\"messages-plugin-form\" aria-haspopup=\"dialog\" id=\"messages-plugin-button\" aria-expanded=\"false\" size=\"medium\" type=\"button\" variant=\"regular\" hydrated=\"\"\u003e\n          \u003c!--?lit$459924142$--\u003e\n  \u003csvg slot=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"22\" fill=\"none\" viewBox=\"0 0 19 22\"\u003e\n    \u003ctitle\u003ePhone with notification\u003c/title\u003e\n    \u003cpath fill=\"#000\" fill-opacity=\".9\" fill-rule=\"evenodd\" d=\"M12.279 0a5.767 5.767 0 0 0-5.148 8.37l-1.13 3.676 3.675-1.131A5.767 5.767 0 1 0 12.279 0ZM8.512 5.767a3.767 3.767 0 1 1 1.8 3.214l-.385-.236-.904.278.278-.904-.236-.385a3.745 3.745 0 0 1-.553-1.967Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\n    \u003cpath fill=\"#000\" fill-opacity=\".9\" d=\"M4 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-4.5h2V18a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1v2H4Z\"\u003e\u003c/path\u003e\n    \u003cpath fill=\"#000\" fill-opacity=\".9\" d=\"M8.5 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"\u003e\u003c/path\u003e\n  \u003c/svg\u003e\n\n          \u003cp class=\"contact-us-label\"\u003e\u003c!--?lit$459924142$--\u003eText us\u003c/p\u003e\n        \u003c/msg-plugin-market-button\u003e\n      \u003cslot\u003e\u003c/slot\u003e\u003c/msg-plugin-market-popover\u003e\n    \n      \u003c/div\u003e\n      \u003cdiv class=\"veil \"\u003e\u003c/div\u003e\n      ?lit$459924142$\n    \u003c/messages-plugin\u003e\u003c/div\u003e\u003c/body\u003e\u003c/html\u003e","signals":{"network_status":"ok","content_type":"unknown","redirect_type":"none"},"hints":[],"final_url":null,"redirect_chain":[],"http_code":200}